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

使用SASS设置普通和悬停样式,sass,Sass,这似乎是一个基本问题,但我在任何地方都找不到答案。如何为带有SASS的链接设置普通和:悬停样式 我想在一个地方控制所有链接的默认和悬停样式,并能够在整个CSS中将这个“变量”(或任何正确的单词)传递给不同的选择器 与下面的代码非常相似,但我想在第一行控制默认和悬停样式。因此,如果我希望这些链接具有:active样式,我可以在页面顶部添加一次 $primary-color: #333; .some-class { color: $primary-color; } .some-class-o

这似乎是一个基本问题,但我在任何地方都找不到答案。如何为带有SASS的链接设置普通和:悬停样式

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

与下面的代码非常相似,但我想在第一行控制默认和悬停样式。因此,如果我希望这些链接具有:active样式,我可以在页面顶部添加一次

$primary-color: #333;

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

.some-class-other-class {
  color: $primary-color;
}
您可以尝试:

a{
    &:link, &:hover{
        color: $primary-color;
    }
    &:active{
        color: $other-color;
    }
}
这项工作:

@mixin style-1 {
    background: red;
    &:hover {
        background: $blue
    }
}

.something {
    @include style-1;
}

.something-else {
    @include style-1;
}

.something-else-again {
    @include style-1;
}

任何选择器的解决方案:

&,
&:hover {
  color: red;
}
例如

如果您特别希望只针对所有链接:

a, a:hover {
  color: red;
}

我想从1个位置(文档顶部)控制样式,而不是每个链接。
a, a:hover {
  color: red;
}