css - 试图获取 section.class1 而不是 section.class1，scss

Question

我正在尝试编译 scss，以便在它具有 class1 时获得该部分。我不知道如何去做，因为我得到了空间，而且它的工作方式不一样。

当前输出:

.class2 > section .class1 {
  margin: 0;
}

期望的输出:

.class2 > section.class1 {
  margin: 0;
}

科学:

.class1 {
    .class2 > section & {
            margin: 0;
    }  
  }

HTML

<div class="class2">
  <section class="class1"></section>
</div>

Answer 1

试试这个

.class2 {
        > section{
        &.class1{
         margin: 0;
         }

        }  
  }