How to use $ character in sass file

huangapple go评论104阅读模式
英文:

How to use $ character in sass file

问题

我有一些包含$字符的Sass文件。
所有文件在编译时都会出错,因为$在Sass中是保留字符。
在下一个示例中,我想选择所有以9结尾的CSS类。
如何使用$?有什么想法吗?

[class$="9"]:after {
background-color: #3d9970 !important;
}

英文:

I have some sass files that contain the $ character.
All files get errors when compiling. Because $ is reserved in sass.
In the next example I want to select all css classes ending with 9.
How to use $ Any idea .

[class$="9"]:after {
    background-color: #3d9970 !important;
}

答案1

得分: 1

不确定你正在使用哪个编译器(dart还是node),但你应该能够使用#{'$'}进行转义:

[class#{'$'}="9"]:after {
    background-color: #3d9970 !important;
}
英文:

Not sure what compiler you are using (dart or node) but you should be able to escape it using #{'$'}:

[class#{'$'}="9"]:after {
    background-color: #3d9970 !important;
}

huangapple
  • 本文由 发表于 2023年8月9日 01:24:59
  • 转载请务必保留本文链接:https://go.coder-hub.com/76861895.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定