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

Question

.myForm2 label>span
{
}

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

这个 >span 是什么意思呢?

Answer 1

正如 guangpunba 所说。

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

     //red
         //red
             //red
        
    

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

label > span {
    color: red;
}

     //red
        
             
        
    


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


    
        
             
        
    

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