css - & 在 Sass 中用于特定标签

Question

我想将 & （指一个类）与标签结合使用。像这个例子：

.back {
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    color: blue;

    &:hover {
        color: red;
   }
}

我只想将悬停用于 a-tags。以下是不可能的

a&:hover {
     color: red;
}

有人知道吗？

Answer 1

如果我正确理解您的问题，您就不需要&：

.back {
  ...

  a:hover {
    color: red;
 }

}

在 sass 中，这将编译为.back a:hover { color:red; }. 您不需要 &，因为它用于进一步扩展back类，我认为您不想这样做。

Answer 2

.back {
  ...
}

a.back:hover {
  color: red
}