今天继续上周的内容,接下来讲的是“混合”。
混合被称为“CSS预处理器语言中最强大的特性”。它能将一部分样式抽出,作为单独定义的模块,被很多选择器重复使用(类似JS的函数)。
现在来看看它的具体用法:
假设有已经写好的名为a,b的两个类选择器,b直接引入a的类名,就能把a的属性照搬过去:
.a{ width:600px; }
.b{ .a; }
这个.b在.css文件里面会显示:
.b{ width:600px; }
带参数的混合
@v:600px; //变量可以作为参数使用
.a(@v){ width:@v; }
.b1{
.a(@v); // width:600px;
}
.b2{
.a(10px); //width: 10px;
}
混合的部分就暂时讲到这里。
--------
免责声明:http://www.jianshu.com/p/cd9793098eea