【前端框架学习笔记】LessCSS(3):语法(2)

今天继续上周的内容,接下来讲的是“混合”。


混合被称为“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

你可能感兴趣的:(【前端框架学习笔记】LessCSS(3):语法(2))