css 这种选择器是什么意思?-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

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

高洛峰 2016-11-04 11:21:44

[HTML讨论组]

1040

.myForm2 label>span
{
}

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

这个 >span 是什么意思呢?

高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。网络人气名人讲师，...

全部回复(1)

三叔2016-11-04 11:22:19 1楼

正如 guangpunba 所说。

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

     //red
         //red
             //red

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

label > span {
    color: red;
}

     //red
        
             
        
    


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

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