在 sass 中将样式与元素和悬停元素结合起来

Question

a我有一个要为其设置颜色的元素。该规则在悬停时也应该起作用。我可以

  a {
    color: #color;
    &:hover {
      color: #color;
    }
  }

它工作得很好，但我想知道是否有一种方法可以在不重复颜色规则的情况下做到这一点。

Answer 1

您可以单独使用 & 符号将规则应用于父级：

a {
  &, &:hover {
   color: #color;
  }
}