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

-1

在使用sass时，在类名中可能有@符号吗？即使它在CSS中似乎是有效的语法，我仍然不断收到编译错误。如何在使用SASS时在类名中使用@符号？

我想喜欢的类名：

[email protected] { 
    width: 50%; 
}

我试着使用的插值方法一variaty但不能让它吐出与@符号的CSS。

例如

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

这并不奏效。我也尝试了一个函数来返回它，并且一个接受一个符号作为参数的mixin仍然没有。

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

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

它编译罚款与两个反斜线和@符号。咦？ Whaa？那么为什么我不能只使用@？

我不认为这与SASS有什么关系。 '@'是需要在CSS中转义的字符，可能是因为它是语言语法的一部分（例如'@ import'）。 –

谢谢@ÁlvaroGonzález，你是对的。就在我发布我的问题后，有人向我提出了这个问题。我其实并没有意识到你可以在CSS中转义角色！ – davidpauljunior

我认为downvote有点苛刻，因为我没有意识到sass编译错误是关于在CSS中转义字符。 – davidpauljunior

哦，我刚刚意识到发生了什么。你可以使用\来转义CSS中的字符，这就是为什么sass吐出来的是纯粹的。 CSS本身将会跳过@这个符号。

如果有人发现它有用，留下疑问。

2017-04-18 11:58:57 davidpauljunior

回答