问答详情
源自:6-6 CSS3 结构性伪类选择器—first-child

first-child不懂

如图所示,我要写成ul li:first-child{background:red;},第一行就变成红色。如果写成ul:first-child{background:red;},第一行就没变化?在这里面,ul不是父元素吗?这”ul:first-child“不是表示它的第一个子元素吗?为什么没作用呢?

提问者:天窗的蚂蚁 2016-01-03 21:37

个回答

  • 李晓健
    2016-01-03 21:44:08
    已采纳

    后代选择器是有空格的  ul li:first-child 拆开来看  ul是选择页面所有的ul标签  ul li是选择ul下面的所有li标签  ul li:first-child是ul中所有li中的第一个,再来看 ul:first-child   一样拆开来看 ul是选择页面所有的ul标签 ul:first-child是选择所有ul中的第一个ul,所以这里选择到的是ul标签而不是li标签。

  • echo_kinchao
    2016-01-03 21:46:42

    这是类选择器 就是类名的第一个

  • 谭谭谭
    2016-01-03 21:44:53

    http://www.w3school.com.cn/cssref/selector_first-child.asp

    http://www.w3school.com.cn/tiy/t.asp?f=css_sel_firstchild_3

    看看这些案例就明白了!!