2012-03-07 65 views
0

我開始使用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文件?

謝謝

+0

我認爲這是一個偏好的問題,雖然它也可能歸結爲最終的CSS。在我看來,你給出的第一個例子會導致更少的css和更清晰(更短?)選擇器特異性。我個人會選擇第一個。 – 2012-03-07 16:41:17

回答

0

個人喜好當然。對我來說,第一個例子更容易閱讀,並且應該導致更少的CSS,這畢竟是LESS的目的!

至於CODA中的語法突出顯示,我自己並沒有使用它,或者現在可以訪問Mac,但是快速的Google搜索出現了一些結果。

說明一種方法可以在這裏找到:http://christophercasper.com/2010/09/less-syntax-highlighting-in-coda/

我也發現了,有對CODA插件,但現在它已經變成了它自己的應用程序。不知道它是多麼有用,但你可以在這裏找到它:http://incident57.com/less/