css扩展技术

标签：

在原来的基础上扩展了编程语言的特性。

less(早期)：
定义变量-@
&-当前对象，如：.class1{
.whb(100px,100px,red);
&:hover()
}
sass(现在很多都用sass):需安装Ruby环境（可以先用kola代替）。
导入sass不需要后缀名，css需要后缀名(@import "test2";)
语法规则：1.定义变量-$(以前只有全局变量没有局部变量)
2.!default 默认值（组建化开发特别有用）
3.特殊变量可替换任何地方$name:top; nav-#{$name}{} >>>> nav-top{}
4.list集合： $list:1px 2px 3px 4px; nth(根据下标获取集合元素，下标从1开始)
5.map集合(映射)：$map:(h1:red;h2:blue;h3:yellow;) color:map-get($map,h3);
6.属性嵌套：border:{left:{style:1px;color:red;}}
7.跳出选择器@at-root
8.混合@mixin wh($w,$h:100px){width:$w;height:$h;}-------要放在调用之前

css扩展技术

标签：

原文地址：http://www.cnblogs.com/mishiyang/p/4824045.html