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
}