通过 Alex King,您可以将变量用于选择器:
$a-tags: 'a, a:active, a:hover, a:visited';
$a-tags-hover: 'a:active, a:hover';
#{$a-tags} {
color: red;
text-decoration: none;
}
#{$a-tags-hover} {
color: blue;
}
您甚至可以像这样嵌套,这在这里变得更加有用:
.module {
#{$a-tags} {
color: blue;
text-decoration: none;
}
}
通过雷吉·道森(Reggie Dawson),您还可以制作一个@mixin为您构建内容。 请注意,这些链接伪样式通常是嵌套的绝佳用例。
@mixin linx ($link, $visit, $hover, $active) {
a {
color: $link;
&:visited {
color: $visit;
}
&:hover {
color: $hover;
}
&:active {
color: $active;
}
}
}
Compass附加组件提供了一个混合:
@include link-colors(#00c, #0cc, #c0c, #ccc, #cc0);
翻译自: https://css-tricks.com/snippets/sass/sass-things-links/