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 选择器用于选取属于其父元素的首个子元素的指定选择器