-2

请告诉我以下两种css方法之间的区别

方法一:

.class1 .class2

方法二:

.class1 > .class2
4

2 回答 2

3

第一个将样式应用于任何具有该类的元素,class2当它在层次上位于 的元素下时class1

第二个将执行相同的操作,但当元素class2直接位于下一个层次结构级别(子级且没有进一步的后代)中时class1.

于 2013-11-15T09:12:03.600 回答
1

首先选择所有.class1 的后代.class2 第二选择所有.class2 是class1 的直接孩子

<div class="class1">
  <div class="class2>
    This will be selected by both 
  </div>
  <div>
    <div class="class2">
    This one only by first
    </div>
  </div>
</div>
于 2013-11-15T09:14:35.623 回答