1、sass官网文档:Sass教程 Sass中文文档 | Sass中文网
一、@extend继承样式
.error {
border: 1px #f00;
background-color: #fdd;
}
.seriousError {
@extend .error; // 继承.error的样式
border-width: 3px; // 额外添加的样式
}
sass有2种文件后缀名:(1).sass,不使用大括号和分号。(2).scss,常用格式,与平时写的css文件格式差不多,使用大括号和分号。
1.如何引入其他.scss文件(引入时,可省略文件后缀名):@import "scss文件名";
// 在a.scss文件中,引入var.scss或var.scss
@import "common/var";
2.注释语句:分2种,(1)单行注释(编译为css,会被删除):// 这是单行注释。(2)多行注释(与css相同,编译后会保留):/* 我是多行注释 */
3.如何使用变量:使用$符号声明变量即可。
$hightlight-color: #F90;
.selected {
border: 1px solid $highlight-color;
}
4.
参考网址: