基础

变量

1 .进行主题的配置,统一的颜色,字体,边框颜色
2 .重复几十次,设置上百次的样式
3 .在一个地方来管理这些值的方法,让代码维护变得更加容易
4 .延迟加载:变量是延迟加载的,在使用钱不一定要预先声明,也就是说顺序是不是固定的
5 .定义两个变量的时候,只会使用后面的变量
6 .默认样式(变量) @base-color: green;这个使用的时候@base-color: red;此时这个是默认样式,然后可以被覆盖

混合

1 .将一系列属性从一个规则引入另一个规则集的方式,就是直接在另一个样式里面使用定义好的css片段
2 .比如布局的一些样式,或者是过渡的样式,还有固定的边框
3 .

嵌套样式

1 .不是很需要,为了更快的匹配css样式,直接写一个class即可
2 .:hover类的样式可以使用这个方式来

媒体查询嵌套

1 .媒体查询可以被用在嵌套选择器中,选择器将被赋值到媒体查询体内
2 .自适应布局我觉得浏览信息类的可能需要这个,要是有大量的界面交互操作,可能需要写专门的移动端界面
3 .

运算

1 .任何数值,颜色和变量都可以进行运算
2 .

函数

1 .一些颜色转换,处理字符串和进行算数运算的函数
2 .

作用域

1 .会现在局部查找变量和混合,如果没找到,编辑器就会在父作用域中查找
2 .

importing

1 .可以导入一个less文件,然后这个文件中所有的变量都可以使用了,对于less文件而言,扩展名是可选的
2 .vue-cli里面,导如全局变量的路径似乎总是出错
3 .

注释

1 .//不会被编译
2 ./* */会被编译

问题

1 .如何利用less进行主题更换配置
2 .

你可能感兴趣的:(基础)