调用css的方法有什么区别？

Question

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

方法1：

.class1 .class2

方法2：

.class1 > .class2

Answer 1

第一个将样式应用于具有类class2的任何元素，在层次结构下，class1的元素。

当具有class2的元素直接位于其下时，第二个将执行相同但仅 ，如在下一个层次级别（子级且没有其他后代），元素class1。

Answer 2

首先选择所有.class2，它们是.class1的后代 第二个选择所有.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>