运算符,LESS 让css也支持变量,运算符,include,嵌套规则等等

点评：最近在网上看到1个很有意思的CSS扩展，这里介绍给大家。LESS 最早是1个ruby的gem，用于扩展css的语法，用了LESS后，可以在css中使用变量，运算符，include,嵌套规则等等。现在LESS出了js版本，让我们一起来看看LESS能为我们带来什么吧?

使用
1. 下载js: http://lesscss.googlecode.com/ 最新版本好像是 1.0.30
2. 使用less，css文件的后缀名需要改为.less。
3. 在html页面中加入下面代码
<!-- style.less文件就是样式表文件，并且style.less必须放在less-1.0.22.min.js文件前加载，原理后面介绍 -->
<link rel="stylesheet/less" href="style.less" />
<script src="less-1.0.22.min.js"></script>

变量
变量可以让我们声明1个常量值，并在以后多处地方进行重复使用。

一般css写法：

复制代码
代码如下:

延伸阅读

• 2010-12-9-- css优先级,CSS 优先级 详细分析
• 2010-12-9-- css优先级,css 优先级关系
• 2010-12-9-- css优先级,CSS 优先级 详细分析
• 2010-12-9-- css优先级,css 优先级关系
• 2010-12-9-- 老调重弹,老调重弹的CSS优先级
• 2010-12-9-- css优先级,同级情况下CSS的优先级探讨
• 2010-12-9-- css优先级,同级情况下CSS的优先级探讨
• 2010-12-9-- 老调重弹,老调重弹的CSS优先级
• 2011-7-31-- 并行运算,并行运算学习(1)
• 2011-7-30-- 类型转换运算符,C++标准转换运算符reinterpret_cast