清理指定css规则的div

Question

在网站上，我有来自其他网站的页眉和页脚。

这些页眉和页脚带有javascript并添加了大量CSS文件（从其他网站使用的CSS文件）......以及主网站！ 那些CSS就像是在战斗自己，并且由于混合了所有css文件中的CSS规则，因此页眉和页脚的渲染就像混合样式...

如何删除主网站两部分的所有CSS规则（main.css），只需应用＆＃34; headerAndFooter.css＆＃34;在这两个部分？

每个部分都有自己的优点。

提前致谢

Answer 1

您应该在单独的CSS文件中为页眉和页脚创建一个新类 - 并在那里输入所需的样式。这样，它们就不会与您网站的其他部分发生冲突 - 并且您不会通过修改全局CSS来破坏网站其余部分的布局。

当然，如果没有看到任何代码，很难提供详细的答案，但在这种情况下，更准确的类名是一个很好的起点。

Answer 2

如果您有多个规则相互覆盖，则可以在要更改的属性值的末尾使用!important。

例如：蓝色会显示，而不是红色，因为您将蓝色标记为重要。

body {
    color:red;
}

body {
    color:blue !important;
}

更好的解决方案是从不同的css文件中删除不需要的规则。

Answer 3

我终于下载了传入的CSS并用＃header和#footer作为前缀。我完全控制所有CSS，因为我在本地使用它。