Less 更少-构建文档

我开始使用LESS来创建.css文件

我的问题是，处理此类css类构造最常用的方法是什么：

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

或者你可以这样解决：

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

#wrapper {

    #left {
        .left_right;

         h2 {
        color:black;
        }
    }

    #right {
          .left_right

           h2 {
        color:red;
        }
    }
}

“正确”的方式是什么？还是仅仅是个人的选择

还有，有没有办法在结尾处突出显示.less文件

---

当然感谢您的个人喜好。第一个例子，对我来说，更容易阅读，应该会减少CSS，这毕竟是减少的目的

至于尾声中的语法突出显示，我自己不使用它，或者现在已经可以使用Mac电脑了，但是快速的谷歌搜索显示了一些结果

有关一种方法的说明可在此处找到：

---

我还发现有一个CODA的插件，但现在它已经变成了自己的应用程序。不确定它有多有用，但您可以在这里找到：

我认为这是一个偏好问题，尽管它也可能归结为结果css。在我看来，你给出的第一个例子会减少css的行数，并且更清晰更短？选择特异性。我个人会选择第一个。

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

#wrapper {

    #left {
        .left_right;

         h2 {
        color:black;
        }
    }

    #right {
          .left_right

           h2 {
        color:red;
        }
    }
}