SCSS：在伪类中使用“＆”号

Question

   .my-class {
      &:before{
        content:"";
        display:block;
        background:red;
        h1 ????{
          padding-top: 5px
        }
      }
    }

是否可以在此位置使用＆获得类似

的输出

h1.my-class:before {
  padding-top: 5px
}

Answer 1

您需要通过以下方式进行SCSS：

.my-class {
  &:before {
    content: "";
    display: block;
    background: red;
    @at-root h1 {
      &.my-class {
        &:before {
          padding-top: 5px;
        }
      }
    }
  }
}