html - CSS class1 > class2 是什么意思？

Question

我在一些代码示例中看到了 class1 > class2 { class definition } 。上面的符号是什么意思？

Answer 1

如果class2是 的直接后代（子）class1，则将规则应用于具有 class 的元素class2。

请注意，这在 ie 版本 7 及更低版本中不起作用

一个小演示：

http://jsfiddle.net/jjqzK/

另请注意，它应写为

.class1 > .class2（在类名前加上点 ( .) 而不仅仅是名称）

Answer 2

请检查这个演示（请删除/添加（>）然后你可以看到有什么不同）

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

Answer 3

这里的类 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 会受到样式的影响。