css - SCSS : use ampersand in pseudo class

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;
        }
      }
    }
  }
}