維護CSS層次結構

Question

我有一個擁有主CSS和選項卡式佈局的HTML5頁面。一些標籤有第三方控件（比如bootstrap.css等），當點擊該標籤時被加載，導致覆蓋master.css設置的一些樣式屬性

我們可以通過不允許這些特定屬性不要被重要的重寫。但是我們有1000個這樣的屬性，可能無法手動完成。

針對此問題的任何解決方法？

Answer 1

正如其中一條評論所述，您可以使用一種名爲的CSS特異性來解決該問題。 你可以閱讀更多關於它here。

簡而言之，使更重要的風格更具體。 例如：

.my-divs .green { 
    color: green; 
} 

得到更多的優先級，然後

.green { 
    color: green; 
}