CSS class1> class2是什么意思?

时间:2012-04-26 09:48:00

标签: html css css-selectors

我在一些代码示例中看到过class1> class2 {class definition}。上述符号的含义是什么?

3 个答案:

答案 0 :(得分:7)

如果class2class1的直接后代(子),则将规则应用于具有类class2的元素。

请注意,这不适用于版本7及更低版本

一个小小的演示:

http://jsfiddle.net/jjqzK/

另请注意,它应写为

.class1 > .class2(在班级名称前面加上点(.),而不仅仅是名称)

答案 1 :(得分:2)

请检查此演示(请删除/添加(>)然后您可以看到有什么不同)

http://jsfiddle.net/pZtTy/1/

答案 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才会受到样式的影响。