sass
sass语法
http://www.ruanyifeng.com/blog/2012/06/sass.html(更加实用)
1 基础介绍
sasst语法文件的后缀名scss
SCSS是sass3.0新特性,后缀名也是.scss
2 变量
变量使用和申明
通过"$"来声明一个变量
$hightlight-color:#F90;
2.引用
$highlight-color:#F90;
.selected{
border:1px solid $highlight-color;
}
3.关于下划线和中线,尽量使用中线
3 嵌套css规则 (父子递进)
sass可以让你只写一遍,且使样式可读性更高,在sass中,可以向俄罗斯套娃那样在规则块中嵌套规则块。sass在输出css时会帮你帮这些嵌套规则处理好,避免重复写
#content {
article {
h1 { color: #333 }
p { margin-bottom: 1.4em }
}
aside { background-color: #EEE }
} /* 编译后 */
#content article h1 { color: #333 }
#content article p { margin-bottom: 1.4em }
#content aside { background-color: #EEE } 
