20
2020
02

Less 中支持在一组样式中混入另一种样式(Mixin)

(1). 样式嵌套


选择器 1{ ... }


选择器 2{ ... ;选择器 1;...;}


最终:选择器 2 中会包含该 选择器 1 定义好的样式,可以实现样式无限的嵌套


(2). 带参数的混合


声明选择器的时候,允许使用参数来表示暂时不确定的数据,最终在调用时,要将具体的数值传递进来


选择器 1(@参数名 1,@参数名 2){


      width:@参数名 1;


      height:@参数名 2;


 }


(3). 使用带参的混合写法


选择器 2{


     background:#fff;


     选择器 1(值 1,值 2);


}

« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。