less

    Less -- Css的Ruby扩展

    18 Jun 2009

    Less是对Css的一种Ruby扩展,使得Css可以支持变量,Mixin,内嵌规则和数字操作。

    Less的特点在官网上[]http://lesscss.org/]1写得很清楚,这里就不再重复了。试用了一天,还不错,不过和Sass比起来还是有些差距的:

    1. Less只支持单文件,没有Sass中的import功能,所以Css重用上也只能局限在单文件中。

    2. Less内嵌规则不支持单行css定义

    div {
      input {color:red;}
    }

    这样写lessc编译的时候会报错,必须改成下面的写法:

    div {
      input {
        color:red;
      }
    }

    觉得这个应该算是一个bug吧。

    3. Less不支持多元素嵌套

    div.style1, div.style2 {
      input {
        color:red;
      }
    }

    它会被解析成

    div.line1, div.line2 input {
      color:red;
    }

    而Sass会解析成

    div.line1 input, div.line2 input {
      col...
    Read More

    Tags