css 这种选择器是什么意思?

Question

.myForm2 label>span
{

}

.myForm2 label 我懂,是 class=myform2 下的 label 标签,

这个 >span 是什么意思呢?

Answer 1

正如 guangpunba 所说。

label span 是选择子子孙孙，会影响到 label 里面所有的。
label span {
    color: red;
}
<label >
    <span> //red
        <span> //red
            <span></span> //red
        </span>
    </span>
</label>

label > span 是选择子，仅仅会影响到 label 的子 **!important**。

label > span {
    color: red;
}
<label >
    <span> //red
        <span>
            <span></span> 
        </span>
    </span>
</label>

还有下面一种情况也不行, 因为 span 不是 label 的子

<label >
    <i>
        <span>
            <span></span> 
        </span>
    </i>
</label>

这种写法是为了防止某些样式的继承，导致影响到很多元素。

Answer 2

label span 是选择label下的所有span标签

label>span 是选择label下子元素是span的标签

Answer 3

label>span label下的第一层span标签，只取到他儿子，
label span label下的所有span标签，儿子孙子都行

Answer 4

label 下的所有 span 标签

Answer 5

W3C：CSS选择器
CSS Selectors

Answer 6

就是label下所有的子代span，标签