作为 CSS 的一种扩展,Less 不仅完全兼容 CSS 语法,而且连新增的特性也是使用 CSS 语法。这样的设计使得学习 Less 很轻松,而且你可以在任何时候回退到 CSS(摘自官网)
1.变量
Less通过@来定义变量;Less中的变量为完全的常量,所以只能被定义一次
@base: #f938ab;
div {
background: @base;
padding: 50px;
}
p {
color: #ff0;
}
2.混合(Mixin)
混合可以将一个定义好的class A轻松的引入到另一个class B中,从而简单实现class B继承 class A中的所有属性。我们还可以带参数地调用,就像使用函数一样。