less是一种动态样式语言,
LESS 将 CSS 赋予了动态语言的特性,如 变量, 继承,运算, 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox),也可以借助Node.js或者Rhino在服务端运行。
我编译less就是用了一款前端预处理器语言图形编译工具----koala, 非常好用
一、变量
必须先定义,再使用
@bg-default:#707070;
.topBar {
background: @bg-default;
}
二、嵌套
.list {
800px;
margin: 30px auto;
li {
height: 30px;
line-height: 30px;
background-color: pink;
}
}
参考文章:http://www.cnblogs.com/haoyijing/p/5793788.html