SASS 如何使用＆符号将类添加到标签？

Question

我如何编写这些 sass 声明以便它编译为 a.btn_primary_cancel

我试过了，但没用:

.btn_primary_cancel {

  a& {
    line-height: 4rem;
  }

}

Answer 1

Yes !! You can have the desired result. Just use @at-root

试试这段代码。

.btn_primary_cancel {
  @at-root a#{&} {
    line-height: 4rem;
  }
}

它将编译为

a.btn_primary_cancel {
  line-height: 4rem;
}

实际操作 - CODEPEN