div元素內部元素的格式不受繼承css的影響

Question

我在隨機網站中顯示彈出式爲固定div。

我需要div的內容不受其駐留的頁面格式的影響。div內的元素具有內聯CSS，我只需要內聯CSS有效，而不是繼承CSS。

一種方法是使用iframe。我正在尋找其他方法。

選項我考慮：

1. 一個小的JavaScript代碼，這將在所有元素上運行，並重置繼承CSS。 這可能嗎？我可以告訴跨瀏覽器，一個屬性不是由內聯css創建的嗎？

2. Javascript代碼上重置屬性組所有元素的DIV中（例如所有的填充，利潤等，但仍留下從內聯CSS樣式屬性？

任何其他創意怎麼辦呢？

Answer 1

的DIV中的元素具有內嵌 CSS，我想只有內聯CSS 是有效的，沒有繼承CSS

這是默認行爲。內聯CSS的優先級最高。

AFAIK您將無法刪除繼承樣式，除非您覆蓋這些樣式。

Answer 2

另一種選擇（儘管實際的選擇取決於你的網站）是有一個名爲「resetCSS」的類或類似的東西可以應用於一個類。你可以在選擇器中使用這個類，並且在這裏你可以爲你使用的所有屬性（例如頁邊距，字體等）設置基本值。

然後在使用中，您將該類應用於元素，並將每個元素重置爲默認值，然後您可以使用CSS覆蓋它們。

另一種替代方法是將所有當前的CSS更改爲在選擇器中具有「樣式化的內容」類，以便只有被明確標記的內容纔會收到樣式，以便不會將其應用於你不想擁有的元素。

也許如果你想要一個div有特定的風格，即使這是默認的，最好是明確地給它一個風格。如果它使用的是默認值，那麼它將不會丟失任何東西，如果它繼承了其他的東西，那麼您將它設置爲你想要的。依賴於默認樣式可能會咬你，因爲沒有理由任何兩個瀏覽器應該有相同的默認樣式。