我正在尝试使用SASS（scss）执行以下操作。
.class {
// Base class styles
a.& {
// Additions for when applied to a link
}
}
但是我得到一个编译器错误：
Invalid CSS after "a.": expected class name, was "&"
任何想法如何实现这一目标？目前，我只是摆脱嵌套，但是对于我的情况而言，它是次优的。
谢谢！
从SASS 3.4开始，您可以使用@at-root指令以将选择器的作用域限定为根。
此外，您还需要插入父选择器&，例如a#{&}：
.class {
// Base class styles
@at-root a#{&} {
color: #000;
}
}
可以编译为：
a.class {
color: #000;
}
值得一提的是，您可以在@at-root以下位置嵌套多个元素：
.class {
// Base class styles
@at-root {
a#{&} {
color: #f00;
}
p#{&} {
float: left;
}
}
}
可以编译为：
a.class {
color: #f00;
}
p.class {
float: left;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句