CSS特異性和對PAGE電泳CSS時間緊迫

Question

我剛剛完成建立一個重量級的長期銷售網頁後正火樣式表，有很多的元素和不同風格已經結束了在特定的，其選擇，並有有許多圓角的盒子，背景圖片等。簡而言之，CSS有點混亂。 （只有我自己惹的禍！）

任何人都可以提出通過這個樣式表要有條不紊，在努力我重複屬性等相結合的方法？我懷疑有什麼工具可以幫助我，但我想知道其他人如何處理這種情況？

謝謝。

Answer 1

實際上有一些CSS Refactoring tools，這是很好的覆蓋。

雖然我不能爲他們擔保，因爲我總是手工重構。我的方法是現有樣式分爲：

• 佈局
• 印刷術
• 顏色（看&感覺）
• 黑客

這通常是快速複製粘貼&工作。從那裏，相似性和冗餘更加明顯，因此組合和簡化變得容易得多。

做完這些後，其在頁面頂部的TOC讓你的部分很容易找到，而且一般更容易搜索。

Answer 2

1. 合併CSS到他們的簡寫屬性如果可能的話。
2. 利用獨特的dom id將樣式應用於該元素的子元素。
3. 您可以在同一元素上使用多個CSS類，例如class =「somestyle some-other-style」。使用這個，你可以把重複的CSS樣式和定義在一個。
4. 使用*選擇器將樣式應用於所有的孩子。
5. 如果所有內容都放在一個大的CSS文件中，請將代碼拆分成與網站中的頁面相關的部分，即/ * MEMBERS PAGE */
6. 通過聯機壓縮器運行樣式以減少代碼大小。有些甚至爲你自動組合元素，進一步增加了複雜性。

應該讓你開始那。很難再添加，這取決於你的html代碼和結構是如何設置的。如果你能提供一個想法，我們可以進一步提供幫助