＆安培;在Sass中使用特定标签

Question

我想使用＆amp; （与类别相关）与标签组合。像这个例子：

.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; }。您不需要＆amp;，因为这用于进一步扩展back类，我认为您不想这样做。

Answer 2

.back {
  ...
}

a.back:hover {
  color: red
}