css child選擇器有哪些？

css child選擇器有5個，分別為：「:first-child」選擇器、「:only-child」選擇器、「:nth-child(n)」選擇器、「:nth-last-child(n)」選擇器、「:last-child」選擇器。

【推薦教學： 】

css child選擇器

:first-child，選取屬於其父元素的首個子元素。例：p:first-child，選擇屬於父元素的第一個子元素的每個 <p> 元素。

:only-child，匹配屬於其父元素的唯一子元素的每個元素。例：p:only-child，選擇屬於其父元素的唯一子元素的每個 <p> 元素。

:nth-child(n) ，匹配屬於其父元素的第 N 個子元素，不論元素的型別。例：p:nth-child(2)，選擇屬於其父元素的第二個子元素的每個 <p> 元素。

:nth-last-child(n)，匹配屬於其元素的第 N 個子元素的每個元素，不論元素的型別，從最後一個子元素開始計數。例：p:nth-last-child(2)，同上，從最後一個子元素開始計數。

:last-child，匹配屬於其父元素的最後一個子元素的每個元素。例：p:last-child，選擇屬於其父元素最後一個子元素每個 <p> 元素。

更多程式設計相關知識，請存取：！！

以上就是css child選擇器有哪些？的詳細內容，更多請關注TW511.COM其它相關文章！