使用！重要標籤來防止程序員重寫設計

Question

我在CSS中使用！重要標籤優先於以後的規則。

但是，我意識到，如果另一位程序員在後面的規則中定義！重要的是，分配的樣式將是最新的！重要的一個。

例如： 我的CSS - 首先加載。

#div{ 
    color: green !important; 
} 

程序員的CSS：

#div { 
    color: red !important; 
} 

這將是紅色的，但我想它是綠色的。

修復它的合適方法是在</body>標記結束之前下載我的css文件？如果頁面無法快速加載會怎麼樣？在文檔的開頭和結尾處下載它是否正確？

Answer 1

適當的東西幾乎從不使用!important，部分原因是您提到。 !important意思是說，我的規則是第一位的，除非其他規則也有!important，此時奇異奇特的CSS特異性世界就開始了。只要確保你的規則比他們的規則更具體。

要了解有關特異性的更多信息，請閱讀Chris Coyier的excellent introduction。

Answer 2

您可以增加規則的特異性。

示例： 選擇符「#div」的規則不如「#div .test」特定。 如果兩個規則有!important，則更具體的勝。

---

但是，當然，程序員可以制定更具體的規則。

例如： 您更改爲#myBody #div，他更改爲html #myBody #div。 所以，你不能停止程序員覆蓋你的規則。

參見here。