less常见的操作

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