LESS - 构建文档

我开始使用LESS来创建.css文件的简单工具。LESS - 构建文档

我的问题是，什么是处理这些CSS类，结构最常用的方式：

<div id="wrapper"> 
    <div id="left"> 
      <h2>Left</h2> 
    </div> 
    <div id="right"> 
      <h2>Right</h2> 
    </div> 
</div>

的箱子#left和#right具有完全相同的样式表，在每个箱子的H2应该是不同的。

我会与此代码解决了这个问题：

#wrapper { 
    #left, #right { 
     width:50%; 
     float:left; 
    } 

    #left h2 { 
     color:black; 
    } 

    #right h2 { 
     color:red; 
    } 
}

，或者你可以解决它像这样：

.left_right { 
    width:50%; 
    float:left; 
} 

#wrapper { 

    #left { 
     .left_right; 

     h2 { 
     color:black; 
     } 
    } 

    #right { 
      .left_right 

      h2 { 
     color:red; 
     } 
    } 
}

什么是“正确”的方式，或只是个人的选择。 ..

聚苯乙烯：有没有什么办法可以在CODA中突出显示.less文件？

谢谢

来源

2012-03-07 Torben

我认为这是一个偏好的问题，虽然它也可能归结为最终的CSS。在我看来，你给出的第一个例子会导致更少的css和更清晰（更短？）选择器特异性。我个人会选择第一个。 – 2012-03-07 16:41:17

个人喜好当然。对我来说，第一个例子更容易阅读，并且应该导致更少的CSS，这毕竟是LESS的目的！

至于CODA中的语法突出显示，我自己并没有使用它，或者现在可以访问Mac，但是快速的Google搜索出现了一些结果。

说明一种方法可以在这里找到：http://christophercasper.com/2010/09/less-syntax-highlighting-in-coda/

我也发现了，有对CODA插件，但现在它已经变成了它自己的应用程序。不知道它是多么有用，但你可以在这里找到它：http://incident57.com/less/

来源

2012-03-08 11:29:28 cchana

LESS - 构建文档

回答

相关问题