清除指定CSS規則的div

Question

在一個網站中，我有另一個網站的頁眉和頁腳。

這些頁眉和頁腳是javascript附帶的，並添加了許多CSS文件（從另一個網站使用的CSS文件）...以及主要網站！ 這些CSS就像戰斗自己一樣，並且由於混合了所有css文件中的CSS規則，所以頁眉和頁腳的渲染就像混合樣式一樣...

如何刪除主網站兩部分上的所有CSS規則（main.css），僅在這兩部分上應用“ headerAndFooter.css”？

每個部分都有自己應有的格。

提前致謝

Answer 1

您應該在單獨的CSS文件中為頁眉和頁腳創建一個新類-並在其中輸入所需的樣式。 這樣，它們就不會與您網站的其余部分發生沖突-並且您不會通過修改全局CSS來損害網站其余部分的布局。

當然，在看不到任何代碼的情況下，很難提供詳細的答案，但是在這種情況下，更准確的類名是一個很好的起點。

Answer 2

如果您有多個相互覆蓋的規則，則可以在要更改的屬性值的末尾使用!important 。

例如：因為您將藍色標記為重要，所以將顯示藍色而不顯示紅色。

body {
    color:red;
}

body {
    color:blue !important;
}

更好的解決方案是從不同的css文件中刪除不需要的規則。

Answer 3

最后，我下載了傳入的CSS，並在它們前面加上#header和#footer前綴。 比起我擁有對所有CSS的完全控制，因為我在本地使用它。