子代选择器和后代选择器的区别

子代选择器

指的是一个标签的下一代指定类标签

后代选择器

指的就是一个标签内包含的所有指定的类标签

例子：

<ul>
    <li>
        <a herf='#'>一级菜单</a>
        <a>一级菜单</a>
        <div>
            <a>二级菜单</a>
            <a>二级菜单</a>
        </div>
        
    </li>
</ul>

css样式

ul li a{
    color:red;
} #此时li内的所有a标签都变为红色了

ul li>a{
    color:blue;
}#此时只有一级菜单的a标签变为蓝色，二级的不受影响

转载于:https://www.cnblogs.com/zhoajiahao/p/11277164.html