如图所示,我要写成ul li:first-child{background:red;},第一行就变成红色。如果写成ul:first-child{background:red;},第一行就没变化?在这里面,ul不是父元素吗?这”ul:first-child“不是表示它的第一个子元素吗?为什么没作用呢?
后代选择器是有空格的 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标签。
这是类选择器 就是类名的第一个
http://www.w3school.com.cn/cssref/selector_first-child.asp
http://www.w3school.com.cn/tiy/t.asp?f=css_sel_firstchild_3
看看这些案例就明白了!!