在CSS3中,選擇第一個元素非常常見。常見的方法有兩種:
:first-child { /* CSS代碼 */ } :nth-of-type(1) { /* CSS代碼 */ }
使用:first-child選擇器,可以選擇任何父元素中的第一個子元素。比如,可以使用下面的代碼來選擇一個列表中的第一個元素:
ul li:first-child { /* CSS代碼 */ }
使用:nth-of-type(1)選擇器,可以選擇與其相同類型的元素中的第一個。比如,可以使用下面的代碼來選擇第一個段落:
p:nth-of-type(1) { /* CSS代碼 */ }
兩種方法的效果是相同的,但是選擇器的使用場景不同。通常情況下,使用:first-child選擇器來選擇第一個元素要更加方便。但是,如果需要選擇和樣式相同的元素中的第一個,那么就需要使用:nth-of-type(1)選擇器。