CSS3提供了許多有用的選擇器,其中之一是選中第一個元素的選擇器。我們可以使用這個選擇器來針對第一個元素應用特殊樣式以使其突出顯示。
&:first-child { /* 應用在容器的第一個元素上 */ }
在上面的代碼片段中,我們使用了`:first-child`偽類選擇器,它會選中容器的第一個子元素。對于多個子元素的容器來說,這個選擇器將會把第一個子元素與其它子元素區分開來。
我們可以用這個選擇器來設置第一個列表項或者第一個段落的顏色或其它樣式。
ul li:first-child { color: red; } p:first-child { font-size: 20px; font-weight: bold; }
在上面的代碼中,我們分別針對了一個無序列表和一個段落應用了`:first-child`偽類選擇器。第一個列表項的字體顏色將會變成紅色,而第一個段落則將會設置成20像素的字體大小并加粗。
總之,`:first-child`選擇器提供了一種簡單且有效的方式來針對第一個元素應用特殊樣式。無論你是針對單個元素還是一個元素的集合,這個選擇器總是能夠幫助你準確地選中第一個元素。