html - 避免双重写作风格

我想知道如何避免重复编写某些样式，如果它们对于一个元素是相同的，并且可能是伪类：

.element {
  color: #a0c225;
  &:hover {
    color: #a0c225;
  }
  &:focus {
    color: #a0c225;
  }
}

我不想在SASS中重复颜色#a0c225吗？

最佳答案

您可以使用&执行以下操作：

.element {
    &, &:hover, &:focus {
        color: #a0c225;
    }
}

可以编译为：

.element, .element:hover, .element:focus {
    color: #a0c225;
}

关于html - 避免双重写作风格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30169425/