Question

我开始使用LESS创建一个简单的工具来创建.css文件。

我的问题是，处理这种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;
        }
    }
}

什么是'正确'的方式，还是仅仅是个人选择......

P.S：有没有办法在CODA中突出显示.less文件？

由于

Answer 1

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

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

可以在此处找到单向说明：http://christophercasper.com/2010/09/less-syntax-highlighting-in-coda/

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

少 - 构建文档

1 个答案: