首頁 >web前端 >css教學 >css child選擇器有哪些?

css child選擇器有哪些?

青灯夜游
青灯夜游原創
2020-11-13 16:46:135559瀏覽

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

css child選擇器有哪些?

【推薦教學:CSS影片教學 】

css child選擇器

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

元素。

:only-child,符合屬於其父元素的唯一子元素的每個元素。例:p:only-child,選擇屬於其父元素的唯一子元素的每個

元素。  

:nth-child(n) ,符合屬於其父元素的第 N 個子元素,不論元素的類型。例:p:nth-child(2),選擇屬於其父元素的第二個子元素的每個

元素。   

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

:last-child,符合屬於其父元素的最後一個子元素的每個元素。例:p:last-child,選擇屬於其父元素最後一個子元素每個

元素。   

更多程式相關知識,請造訪:程式設計入門! !

以上是css child選擇器有哪些?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn