使用SASS时如何在类名中使用@符号？

Question

使用sass时，是否可以在类名中加上@符号？ 我不断收到编译错误，即使它似乎是CSS中的有效语法。

我想要类名：

.u-6@sm {
    width: 50%;
}

我尝试了使用插值的各种方法，但无法通过@符号将其吐出CSS。

e.g。

$at-symbol: unquote('@');
.u-6#{$at-symbol}sm {
    width: 50%;
}

那不行。我还尝试了一个函数来返回它和一个mixin，它接受一个符号作为参数，但仍然没有。

最奇怪的是，如果我这样做：

.u-6\@sm {
    width: 50%;
}

它使用反斜杠和@符号进行编译。咦？ Whaa？那么为什么我不能只使用@？

Answer 1

哦，我刚刚意识到发生了什么。 你可以使用\来转义CSS中的字符，这就是为什么sass吐出了它的整体性。然后CSS本身将转义@符号。

如果有人发现它有用，请保留问题。