& 在 Sass 中用于特定标签 [重复]答案

【问题标题】：& use in Sass for specific tag [duplicate]& 在 Sass 中用于特定标签 [重复]
【发布时间】：2012-12-24 14:47:46
【问题描述】：

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

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

    &:hover {
        color: red;
   }
}

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

a&:hover {
     color: red;
}

有人知道吗？

【问题讨论】：

【解决方案1】：

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

.back {
  ...

  a:hover {
    color: red;
 }

}

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

【讨论】：

【解决方案2】：

.back {
  ...
}

a.back:hover {
  color: red
}

【讨论】：