sass基础

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 ->在setting