强制CSS不继承任何属性

Question

我正在尝试编写一个可以在不同站点中运行的组件。问题是它继承了站点的现有样式表。这会导致我的组件出现混乱。

我想知道是否有办法强制它不继承主站点的任何属性。

欢迎任何建议。谢谢你的时间。

更新

我无法iFrame内容。我的组件将停止运作。

Answer 1

一些想法：

• iFrame内容。这样它就是进入另一个站点的窗口......而不是站点本身。
• 定义永远不会被覆盖的内嵌样式。
• 定义难以或无法意外覆盖的类名。不要使用像'content'或'article'这样的通用术语...而是使用'myverydifficulttoconflictwithcssclassname'。你明白了。

Answer 2

您可以创建一个reset.css文件，使用!important声明将每个元素的每个属性设置为默认值，然后始终以您的真实样式使用!important，但这是一个很大的黑客攻击。如果您的“组件”正在其他网站中插入，您是否考虑过iframes？你会得到自己的CSS范围。