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

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

PHP

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

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

ringa_lee 2017-04-17 14:00:12

[HTML讨论组]

446

.myForm2 label>span
{

}

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

这个 >span 是什么意思呢?

ringa_lee

全部回复(6)

天蓬老师2017-04-17 14:02:12 6楼

正如 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>

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

赞 +0

添加回复

ringa_lee2017-04-17 14:02:12 5楼

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

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

赞 +0

添加回复

阿神2017-04-17 14:02:12 4楼

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

赞 +0

添加回复

PHP中文网2017-04-17 14:02:12 3楼

label 下的所有 span 标签

赞 +0

添加回复

高洛峰2017-04-17 14:02:12 2楼

W3C：CSS选择器
CSS Selectors

赞 +0

添加回复

迷茫2017-04-17 14:02:12 1楼

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

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>