我在一些代码示例中看到过class1> class2 {class definition}。上述符号的含义是什么?
答案 0 :(得分:7)
如果class2
是class1
的直接后代(子),则将规则应用于具有类class2
的元素。
请注意,这不适用于版本7及更低版本
一个小小的演示:
另请注意,它应写为
.class1 > .class2
(在班级名称前面加上点(.
),而不仅仅是名称)
答案 1 :(得分:2)
请检查此演示(请删除/添加(>)然后您可以看到有什么不同)
答案 2 :(得分:1)
这里的第2类是第1类的直接子项,例如:
<div class="class1">
<div class="class2">
.....
</div>
<div class="class2">
.....
</div>
<div class="class2">
.....
</div>
.....
</div>
然后我们打电话:
.class1 > .class2{
/* something */
}
然后只有“class1”div中的第一个“class2”div才会受到样式的影响。