問(wèn)題描述

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

問(wèn)題解答

MDN相關(guān)介紹

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

#id element:first-child{}

比如id為test的ul的第一個(gè)子元素li

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

可以嘗試下這個(gè)？

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

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

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