CSS中大于号[>]的含义

css中“>”是在子元素选择器中出现的:

“>”是css3特有的选择器，表明class样式只作用于子级元素，对于子级再往下的元素则忽略不计，比如孙级的元素就会被忽略。只能选择作为某元素的最近一级子元素，简单理解就是选亲儿子元素。

       A>B表示选择A元素的所有子B元素。

与 A B 的区别在于，A B选择所有后代元素，而A>B只选择一代。

<div>
    <span>
        我是二级标签，也是就说我是div的儿子
    </span>
    <p>
        <span>
            我是div下的p标签内的span标签，也就是三级标签，也就是说我是孙子标签
        </span>
    </p>
</div>

当通过如下选择器进行控制时，所有的span标签都会改变颜色：

div span{
    background-color:#ccc
}

而如果写成如下形式，则表示只希望二级标签span被选择，其他标签（三级）下的不被选择：

div>span{
    background-color:#ccc
}