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文件?
谢谢
答
个人喜好当然。对我来说,第一个例子更容易阅读,并且应该导致更少的CSS,这毕竟是LESS的目的!
至于CODA中的语法突出显示,我自己并没有使用它,或者现在可以访问Mac,但是快速的Google搜索出现了一些结果。
说明一种方法可以在这里找到:http://christophercasper.com/2010/09/less-syntax-highlighting-in-coda/
我也发现了,有对CODA插件,但现在它已经变成了它自己的应用程序。不知道它是多么有用,但你可以在这里找到它:http://incident57.com/less/
我认为这是一个偏好的问题,虽然它也可能归结为最终的CSS。在我看来,你给出的第一个例子会导致更少的css和更清晰(更短?)选择器特异性。我个人会选择第一个。 – 2012-03-07 16:41:17