胡震撼
2015-04-28 16:31
ul的第一个子元素不是第一个<li>么?
<ul>的第一个子节点(node)是#text "\n",第一个子元素(element)是<li>
ul:fisrt-child 就是说ul是不是它爸爸的第一个儿子, 是的话 就红色,
“:first-child”选择器表示的是选择父元素的第一个子元素的元素E。
ul:first-child {}是选择第一个子元素为列表ul,即把列表都给选择了。
:前面加的是子元素。
根据要求,可以是
li:first-child {} 或者ul>li:first-child {}
当然,我们也可以不要li,那么就是
ul >:first-child{}或者ul :first-child {}
注:>表示子代选择器。ul和:之间是有空格,空格表示后代选择器。不过ul :first-child {} 这样做有个不好的地方,虽然除了第一<li>标签变成了红色其他<li>标签都没变,但是根据后代选择器,<a>标签也会继承红色。
<ul> <li><a href="#">公告</a></li> <li><a href="#">规则</a></li> <li><a href="#">论坛</a></li> <li><a href="#">安全</a></li> <li><a href="#">公益</a></li> </ul>
默认情况下,UL的第一个子元素是LI..但是不排除认为在UL中添加其他元素,比如P,SPAN !
ul的第一个子元素是什么?
十天精通CSS3
242555 学习 · 2623 问题
相似问题