css child選擇器有5個,分別為:「:first-child」選擇器、「:only-child」選擇器、「:nth-child(n)」選擇器、「:nth -last-child(n)」選擇器、「:last-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中文網其他相關文章!