美文网首页Vue/前端开发
Scss知识点之!default

Scss知识点之!default

作者: 晔子与Bug的战斗史 | 来源:发表于2018-07-20 12:35 被阅读0次

在scss中定义变量时经常看到!default这个关键词,例如

$color: #fff !default;

!default表示默认值。给一个未通过!default声明赋值的变量赋值,此时,如果变量已经被赋值,不会再被重新赋值;但是如果变量还没有被赋值,则会被赋予新的值。

// scss style
$color: #000;
$color: #fff !default;
$background-color: #ccc !default;
.test {
    color: $color;
    background: $background-color;
}

// css style
.test {
    color: #000;
    background: #ccc;
}

相关文章

网友评论

    本文标题:Scss知识点之!default

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