请告诉我以下两种css方法之间的区别
方法一:
.class1 .class2
方法二:
.class1 > .class2
第一个将样式应用于任何具有该类的元素,class2
当它在层次上位于 的元素下时class1
。
第二个将执行相同的操作,但仅当元素class2
直接位于下一个层次结构级别(子级且没有进一步的后代)中时class1
.
首先选择所有.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>