less安装与使用
定义:Less 是一门 CSS 预处理语言,Less 可以运行在 Node 或浏览器端。
优点:
1、可以运行在Node或浏览器端,
2、增加了变量、Mixin、函数等特性
3、使css更加维护和扩展。
4、结构清晰,便于扩展
5、可以方便地屏蔽浏览器私有语法差异
6、可以轻松实现多重继承
7、完全兼容 CSS 代码,可以方便地应用到老项目中
安装过程
1、NodeJ运行LESS示例要下载NodeJ并安装。请打开链接 https://nodejs.org/en/ 。
2、在集成终端 npm install -g less;
3、运行lessc style.less style.css 报错,则需要以管理员身份运行上面的代码 set-executionpolicy remotesigned 即可解决
4、转换:lessc style.less style.css
<!doctype html> <head> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <h1>Welcome to W3Cschool</h1> <h3>Hello!!!!!</h3> </body> </html>
@primarycolor: #FF7F50; @color:#800080; h1{ color: @primarycolor; } h3{ color: @color; }