如何在SASS中为标记名称表示SCSS声明的变量

Question

我已经看到at this location用于在SCSS中管理锚标签的片段，我喜欢这个人如何将所有标签的伪类型声明为变量，并在以后“一次性”使用它。

$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; }

我很好奇，如果在纯粹的SASS中这是可能的话。我没有工作。以下是尝试之一，因为我是SASSing的新手，我很确定我的故障排除很糟糕。

$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;

我尝试了几种不同的变体，保留花括号并在标签名称中省略它们。没有运气 - 我的锚标签上似乎没有样式。

我错过了什么？

Answer 1

Sass版本（不是SCSS）

 $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