阻止div受其他css規則影響

Question

我希望我的頁面上的div具有標頭的id，但由於該網站的性質要求將第三方代碼加載到頁面中我希望標題div不受影響除了通過#header明確定義的css之外的任何css {}

可能嗎？我寧願不使用iframe來分隔它或類似的東西。

Answer 1

你將不得不設置你的#header復位規則，將重新定義要與!important旁邊保護，使他們超越任何其他規則的所有屬性..

這將是一個基本的保障，但它仍然可以被覆蓋......沒有辦法完全保護它免受有意圖的覆蓋它。如果你試圖保護它免受錯誤，而不是故意的嘗試，那麼只需添加一個非常晦澀的類名，不是ID選擇器...

Answer 2

爲了保證你可能需要某種CSS重置。如在中，想一想可能會影響它的所有內容，並首先將其設置爲默認值。

這可能會變得複雜，取決於您的網站的CSS是什麼樣子。以不會影響#header {}中的內容的方式重構CSS可能是一個好主意。

Answer 3

CSS規則具有優先順序。 ！重要的和基於id的規則具有最高的優先級，所以如果你能確保id是唯一的，你就不會看到任何重大問題。快速谷歌搜索產生了這個，http://hungred.com/useful-information/css-priority-order-tips-tricks/。雖然我不記得實際的網址。