如何避免在CSS中使用太多的類？

Question

我正在使用引導CSS框架。我想創建一個有很多風格的表格。該代碼是這樣的：

<table id="myTable" class="table table-bordered table-striped table-condensed"> 
    .... 
</table> 

我怎樣才能避免使用這麼多的類（表表邊框的表格條紋表凝）在這裏？ CSS可以做類似OO的擴展嗎？我的意思是定義一個名爲myTable的類，它可以有許多預定義的樣式。

虛擬代碼：

table.myTable{ 
    have_class: table table-bordered table-striped table-condensed; 
} 

Answer 1

我不太明白你的意思。通常，您只想在必要時使用類，然後先按元素進行定位。如果.class element不可能，則添加另一個班級。請記住，您可以通過放置空格並添加其他類/ ID /元素來更具體地定位目標。你添加得越多，它就越具體。

例子

table

#myTable tr

#myTable tr.first

#myTable .odd a

此外，如果這是與預先定義的Twitter自舉類的問題，也就是使用的問題網格/樣式的樣板。它不是輕量級或者任何想象力的拉伸。 Twitter引導程序通常只是爲了快速獲取內容，以及原型......不適用於已完成的網站。

如果你正在尋找完全乾淨的代碼，你會想從頭開始編碼。