1.改变变量值
一般情况下, 你反复声明一个变量,只有最后-处声明有效且它会覆 盖前边的值。举例说明:
$link-color: blue;
$link-color: red;
a{
color: $link-color;
}
在上边的例子中,超链接的color会被设置为red。这可能并不是你想要的结果,假如你写了-一个可被他人的!default标签可以实现这个目的。它很像css属性中!important标签的对立面,不同的是!default用于变量,含义是:如果这个变量被声明赋值了,那就用它声明的值,否则就用这个默认值。量,含义是:如果这个变量被声明赋值了,那就用它声明的值,否则就用这个默认值。
2.原生的css导入
<link rel="stylesheet" href="../css/index.min.css">
3.静默注释
sass另外提供了一种不同于css标准注释格式/* ... */ 的注释语法,即静默注释,其内容不会出现在生成的css文件中。静默注释的语法跟JavaScript : Java等类C的语言中单行注释的语法相同,它们以//开头,注释内容直到行末。
body{
color:#333//不会出现在文件里
padding:0;/*会出现在文件里
}
4.配置拓展
Vs code->首选项-->设置-->搜索sass-->选择easy sass -&