css - 是否可以在 SASS 中为某种元素类型的父元素设置样式？

Question

我想这样做:

.classname {
  color: red

  a& {
    color: blue;
  }
}

并编译为:

.classname {
   color: red;
}

a.classname {
   color: blue;
}

是否有可用的语法来支持它？我尝试使用 a&、#{a&} 和 compass 函数 #{append-selector("a", "&")}但它们不编译，a & 编译，但结果显然是 a .classname 而不是 a.classname。

Answer 1

我试过想出各种可以让你这样做的选项，但我只能回答“为什么”？用例是什么，为什么你需要这样做而不是其他可以达到与你想做的相同结果的东西。