less的基本用法

        less是css样式的一种预处理器，它能在一定程度上减少css的繁琐度

1.引入less文件

        @import '地址';                注:一定要记得加分号

2.less的最大特点

        它能在父代的css代码中直接写入子代css代码，以此循环写入

        解释:写在父代括号内的代码就代表父代的子代(避免了每次书写父代选择器)能省去很多不必要的代码

3.less中伪类的选取

        把一个伪类(例如::after)放到一个元素的后面，书写方式

        

.content{
    height: 100px;
    &::after {
        content: '';
    }
}

        注意:&是表示作用于该父类(直白的说就是绑定到父代的意思)

4.通用属性用变量替代

        这个方法可以高效的修改指定的属性，缺点变量变全变

        书写方法，属性值用自定义变量@color 表示，声明方式@color: #fff;

5.申明变量也可以改写为声明函数，不过这个方法不常用。继承和运算也是如此