LESS的使用方法

178 阅读1分钟

1.下载插件。

image.png

2.创建一个文件夹,里面放后缀名为less的文件,然后再less第一行添加
// out:./CSS/代码,然后再保存可以生产一个名为CSS的文件夹。

image.png

3.如果想把其它的less文件合并到一个less文件中,导入就可以,有两个书写方法。

image.png

4.如果你不想导入的less文件生成css文件,你可以在导入的less文件的第一行加上// out:false就行了。

image.png

5.使用Less变量设置属性值,定义变量:@变量名: 值;使用变量:CSS属性:@变量名

image.png

6.使用Less变量设置适配vw属性值,定义变量:@变量名: 值 (VW是相对单位, 1vw=1/100视口宽度)

image.png

7.使用Less嵌套写法生成后代选择器,子级选择器写在父级选择器中,一保存就会生成CSS的格式在CSS文件中展示

image.png

8.在less中注意&符号不生成后代选择器,表示当前选择器,通常配合伪类或伪元素使用

image.png