2010-07-29 154 views
0

我正試圖決定在我的頁面上實現大多數CSS樣式的最佳方法。我已認識到2種方法是:什麼是實現CSS樣式的最佳方法?

1)要附加類屬性到大多數元素和風格的每個類,如下所示:

fieldset.MyForm { } 
legend.MyForm { } 

2)要附加類屬性的容器元素和風格嵌套元素等所以:

.MyForm fieldset { } 
.MyForm legend { } 

從我的實驗有兩種方法:

1)似乎更爲準確,與不必要的遺產或爲T的機會較少o否決現有的類以獲得樣式工作,但由於樣式不共享,我需要不斷重新定義它們。

2)從後端的角度來看更加優雅,因爲我不需要在任何地方定義類的屬性,但有時需要我定義.Classes .Of .Increasing .Depth來取代現有樣式,因爲CSS的特殊性。

代碼可讀性/可擴展性/可維護性方面的更好方法是什麼?有沒有另外一種更好的方法我沒有發現?

謝謝

+0

我不知道爲什麼你在方法2中遇到了特殊問題,你可以發佈一個或兩個具體的例子嗎? – robertc 2010-07-29 10:51:29

回答

0

將類屬性附加到容器元素。

自然而然地寫,少寫。最好是按層次結構定義選擇器,而不是每個屬性。

+0

您的意思是我應該爲每個樣式定義類/元素路徑,例如.MyForm .MyInput fieldset legend {}? – Tom 2010-07-29 10:27:53

+1

@Tom你有傳聞之外的傳說嗎?你在.MyInput中有傳說,但不在.MyForm下?我很難看出爲什麼你的規則不只是.MyInput圖例{}。 – robertc 2010-07-29 10:53:46

相關問題