我看过 at this location一个用于在 SCSS 中管理 anchor 标记的片段,我喜欢这个人如何将所有标记的伪类型声明为一个变量,并在稍后“一次全部”使用它。
$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;
我尝试了几种不同的变体,保留花括号并在标签名称中省略它们等。运气不好 - 我的 anchor 标签上似乎没有呈现任何样式。
我错过了什么?
最佳答案
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
关于html - 如何在 SASS 中表达标签名称的 SCSS 声明变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42331535/