使用 SASS 设置普通样式和悬停样式

Question

这似乎是一个基本问题，但我在任何地方都找不到答案。如何使用 SASS 设置链接的正常样式和 :hover 样式？

我想在一个地方控制所有链接的默认样式和悬停样式，并能够将这个“变量”（或任何正确的词）传递给整个 CSS 中的不同选择器。

与下面的代码类似，但我想控制第一行的默认和悬停样式。因此，稍后如果我希望这些链接具有 :active 样式，我只需在页面顶部添加一次即可。

$primary-color: #333;

.some-class {
  color: $primary-color;
}

.some-class-other-class {
  color: $primary-color;
}

Answer 1

任何选择器的解决方案：

&,
&:hover {
  color: red;
}

例如

.my-class {
  &,
  &:hover {
    color: red;
  }
}

如果您特别只想定位所有链接：

a, a:hover {
  color: red;
}