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 - 構建文檔

回答

相關問題