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

Question

在使用sass时，是否可以在类名中使用@符号？我一直收到编译错误，尽管它似乎是CSS中的有效语法。

我想要像这样的类名：

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

我尝试了一种使用插值的方法，但是不能让它输出带有@符号的CSS。

例如：

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

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

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

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

它可以很好地编译反斜杠和@符号。哈?什么？那么为什么我不能只使用@

Answer 1

哦，我刚意识到发生了什么。您可以使用\对CSS中的字符进行转义，这就是为什么sass在它的完整性中吐出它的原因。CSS本身将转义@符号。

把这个问题留下来，以防有人觉得有用。