一:less作用
是CSS的预处理器,扩充了CSS语言,使CSS具有一定逻辑性、计算功能;通了less语法,生成.CSS文件;
二:具体使用规则
1 less变量设置属性值
- 语法规范:
- @变量名:属性值名;
- CSS属性:@变量名;
- eg:给box盒子添加粉色背景
-
@bgcolor:purple; .box{background-color: @bgcolor;width: 10px;height: 10px; }
-
- less变量作用
- 如果许多盒子应用了@bgcolor,这个变量名;要全部修改颜色为粉色,则可以达到快速修改的目的;
2 多less文件引用问题
- 假定情形:如何你写了多个less文件,难道要一下子向.html文件中引入多个less文件吗?
- 解决方法:
- 利用“@important 'less文件相对路径名'”,将要引用的全部less文件引入一个less文件中,最终通过引用一个less文件生成的CSS文件,达到最终实现样式的目的;
- 引用less文件时,相对路径中可以不加.less的后缀文件名;