less常见的操作

less初体验
 
 
mixin : 混合,将一堆属性从一个规则集到另外一个规则集:
(如果有公用的样式,可以做提取:)
 
 
清除浮动经典代码:
 
 
.clearfix {
  display: block;
  zoom: 1;
 
  &:after {
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}
 
操作
算术操作 +, -, *, /可以操作任何数量,颜色或变量。
 
 
作用域:(定义的变量同样有着局部变量和全局变量之分)
 
 
变量
相同的值,有几十个的情况,一旦修改比较麻烦,所以可以使用变量来更容易维护;
 
 
拓展
扩展是一个合并减少伪类选择器是放在与匹配的引用。
 
 
使用拓展添加伪类:
 
 
添加伪类其他方法:(利用父级选择器)
 
 
函数
使用函数能减低大量的CSS代码力量:
 
 
还可以这样:
 
 
原文地址:https://www.cnblogs.com/e0yu/p/7221800.html