Sass

完全兼容 CSS3
sass是一款css预处理语言。 在 CSS 语言基础上添加了扩展功能，比如变量、嵌套 (nesting)、混合 (mixin)
对颜色和其它值进行操作的{Sass::Script::Functions 函数}

Sass用法

1.变量

$ft12:12px;
p {
	font-size:$ft12;
}

2.允许选择器嵌套

div h1 {
	....
}
div{
	h1{
		....
	}
}

3.css 继承

.class1 {
　　border: 1px solid #ddd;
}
.class2{
	@extend .class1;
}

3.css 循环

@for $i from 1 to 10 {
　　　　.border-#{$i} {
　　　　　　border: #{$i}px solid blue;
　　　　}
　　}

4.sass 与 less

less变量定义是@ sass变量是美元符号$

预处理语言	sass	less
变量定义	$	@
继承	@extend .class1	.class1