SASS基础语法总结

SASS

CSS预处理器。一种基于CSS之上的高级语言，其目的是使得CSS开发更灵活和更强大。

---

语法

1.变量

$开头紧跟变量名，变量名值以：分隔，！表示默认值 。$blue : #1875e7;　

$blue : #1875e7;　
div {
color : $blue;
}

2.导入@import；

导入其他sass文件。（优于css的@import）

@import "path/filename.scss";

3.计算功能；

允许在代码中使用算式

　　body {
　　　　margin: (14px/2);
　　　　top: 50px + 100px;
　　　　right: $var * 10%;
　　}

more >>