css3 - CSS中first-child無效

問題描述

我在CSS中輸入#id:first-child{ xxx; xxx;}這樣用法有錯嗎？為什么我不用偽類，直接給需要的對象加了class，然后直接class引用才成功..

問題解答

MDN相關介紹

題主說的id下的第一個子元素，恐怕不是這么個用法吧。你大概指的是后代選擇器，是否能確定子元素是什么類型呢,如果能的話，直接

#id element:first-child{}

比如id為test的ul的第一個子元素li

#test li:first-child{ color:red;}

可以嘗試下這個？

#test *:first-child{ color:red;}

效果：http://jsfiddle.net/8f2ff6ks/

first-child 選擇器用于選取屬于其父元素的首個子元素的指定選擇器