首页 > CSS/ 网络技术 > Less—让CSS如此简单

Less—让CSS如此简单

less

CSS 最痛苦的是要搞定一堆浏览器兼容bug ,其次就是要面对CSS 不是programming language 这现实,不存在其他程式语言常见的变数、运算、继承等概念,使原本简单的工作变得冗长,并且使维护工作变得麻烦。
less 的出现便是为了解决这个问题:在现有CSS syntax 的基础上,为CSS 加入程式语言的特性,包括变数、scope、nested rules、运算、继承。
看例子你便会明白:

@brand_color: #F0F;
 
#container {
div {
color: @brand_color;
border: none; }
p {
color: @brand_color;
}
}

这例子应该很容易理解吧,相等于以往的:

#container div {
color: #F0F;
border: none;
}
#container p {
color: #F0F;
}

坏消息是,用less 写成的档案需要在Unix based 的电脑上编译过后方能变成真正的CSS;好消息是,有人写了个小工具less.app 可以完成这项工作,使不懂得用terminal的用户也能够使用。在 window 下貌似没有简单的解法…
less 官方网站:http://lesscss.org/
less.app (GUI): http://incident57.com/less/

相关文章

"Less—让CSS如此简单"已有2条评论
    Mac

    这个东西是ruby写的,所以在Windows上安装了ruby后应该也能用~
    如果是Ruby的项目,应该可以直接把它嵌入项目(仅是推测)

    嘛,也许用PHP配合HTTP的rewrite来实现的话这东西应该更有“销路”一点吧~

    2010年02月08日 00:17 回复 引用

    修远兮

    来过~~

    2012年02月07日 05:03 回复 引用

文明发言,你好我也好
正在提交,请稍后...
返回顶部