美文网首页工作生活
sass中的特殊符号

sass中的特殊符号

作者: Sun____ | 来源:发表于2019-07-04 10:49 被阅读0次

    介绍
    在我们看完前面的一些指令之后,sass中的内容我们已经基本看完了,在总结之前我们在看一下sass我们需要注意的一些特殊符号

    • = 既可以是赋值运算也可以是@mixin的缩写

    • +既可以是加法运算也可以是@include的缩写

    • #{}可以占位格式化输出符号

    • !optional这个的用法有点特殊难以描述,还是直接看代码吧

    a.important {@extend .notice;}
    

    当我们写下这段代码时,因为没有notice的样式所以一定会报错,想要忽略的话可以这样

    a.important {@extend .notice !optional;}
    

    在官网中说
    It's also an error if the only selector containing .notice is h1.notice, since h1 conflicts with a and so no new selector would be generated.
    但是在我亲自试验后发现有没有!optional结果是一样的也许是版本问题吧。
    总结

    • = 既可以是赋值运算也可以是@mixin的缩写

    • +既可以是加法运算也可以是@include的缩写

    • #{}可以占位格式化输出符号

    • !optional用于忽略@extend的引入错误

    相关文章

      网友评论

        本文标题:sass中的特殊符号

        本文链接:https://www.haomeiwen.com/subject/bmllhctx.html