阻止Div受其他css规则的影响

Question

我希望我的页面上的div具有标头的id但是因为网站的性质要求将第三方代码加载到页面中我希望标头div不受除css明确定义的css之外的任何css的影响通过#header {}

可能？我宁愿不使用iframe分隔它或类似的东西。

Answer 1

您必须为#header设置重置规则，该规则会使用旁边的!important重新定义您要保护的所有属性，以使其覆盖任何其他规则。

这将是一个基本的保护，但它仍然可以被覆盖..没有办法完全保护它免于故意试图覆盖它..如果你试图保护它免受错误而不是故意的尝试然后只是添加一个真的从类中隐藏类名和样式，而不是id选择器...

Answer 2

为了保证这一点，您可能需要某种CSS重置。如同，请考虑可能影响它的所有事情并首先将其设置为默认值。

这可能会变得复杂，具体取决于您网站的CSS是什么样的。以不会影响#header {}内容的方式重构CSS可能是一个好主意。

Answer 3

CSS规则具有优先级顺序。基于！important和id的规则具有最高优先级，因此如果您可以确保id是唯一的，则不会发现任何重大问题。快速谷歌搜索产生了这个，http://hungred.com/useful-information/css-priority-order-tips-tricks/。我无法回忆起实际的网址。