清除指定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的完全控制，因为我在本地使用它。