less学习笔记

less是一种动态样式语言,

　　LESS 将 CSS 赋予了动态语言的特性，如 变量， 继承，运算， 函数. LESS 既可以在 客户端 上运行 (支持IE 6+, Webkit, Firefox)，也可以借助Node.js或者Rhino在服务端运行。

　　我编译less就是用了一款前端预处理器语言图形编译工具----koala, 非常好用

 

一、变量

必须先定义，再使用

@bg-default:#707070;

.topBar {

　　background: @bg-default;

}

二、嵌套

.list {

　　width: 800px;

　　margin: 30px auto;

　　li {

　　　　height: 30px;

　　　　line-height: 30px;

　　　　background-color: pink;

　　}

}

参考文章：http://www.cnblogs.com/haoyijing/p/5793788.html