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