LESS预处理语言入门-优快云博客

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;
}