如何停止容器DIV上的所有CSS覆蓋？

Question

我有一個容器div，我加入到外部網站使用書籤來做一些功能，我面對的問題是這個div包含一些元素，每個元素都有內聯樣式，但是當我放入外部網站時，有時它覆蓋站點CSS的樣式。

有一種方法可以停止對這個div的任何覆蓋？

Answer 1

您可以在元素中定義恰當的css以便能夠正確顯示div

<div style="margin:0;border:1px solid red;"> 

或者您還可以爲您的Div html提供CSS樣式。

當「外部」網站具有css全局規則時，我知道它很痛苦;例如

ul (margin-left: 5px; } 

我可以做的最好的就是重置所有這些東西爲我的div id。

UPDATE：

是的，我明白，他有內嵌樣式，但問題是全球性的規則造成的。所以例如如果@Amr ElGarhy的div有UL，他們都會得到5px的左邊距（就像我上面的例子）。 Amr ElGarhy也必須重新設置內聯樣式的邊距。

Answer 2

主機網站應該有它的定義爲！重要通知（顏色：紅！重要;）定義的CSS屬性。

或者您可以使用JavaScript將您的樣式追加到DIV（jQuery）。你可以檢查DIV是否已經有樣式，所以你可以決定添加或不添加任何樣式。

Answer 3

如果！重要的東西已被使用（壞）的託管網站，然後你減少到內聯樣式（壞），但嘿。

如果他們還沒有和你正在試圖爲忽略是什麼樣的另一個海報爲例說：

ul (margin-left: 5px; } 

，那麼你可以簡單地使用選擇權，以確保您的風格是重比他們即

#mycontainingDivElement ul { blah:blah } 

，因爲你的風格有更多的水平（注意：在某些事情在CSS中有不同的權重，即IDS VS類選擇），它會在CSS表的順序與位置無關使用