less介绍
在工作中,写样式的地方不会直接写在css文件中,写在less文件里面
1 less是什么东西
less是一种提高我们编写css效率的技术=> css预处理器(less,scss,stylues 技术名词)
2 less的使用过程
安装Easy LESS插件
1 新建一个less 文件 (后缀名是.less)
2 会按照less的语法在less中编辑代码
3通过 easy less 插件来编译less文件
4保存生成对应的css文件
5 在网页中直接引入编译好的css文件即可
3 less语法
1固定语法 @变量名: 变量;
声明一个变量,需要用的时候直接插入变量名,变量名要有意义的英文,以后方便工作中使用
作用:做到多个相同属性可以一改全改.
2 less支持运算
注意除法要加括号
3 混合mixin
作用把一堆代码一起使用
语法 .名称() { 写想要的代码}
语法 声明中: .名称 (@任意名,@任意名) { } 需要数值的属性: @任意名 @任意名;
➡️ 选择器 { .名称(数值,数值);}
4 嵌套
后代选择器
子代选择器(加大括号)
伪元素(写链接符&)
