如何阻止CMS的CSS影响我的内容？

Question

我正在使用配置不当的可疑CSS的CMS（例如H1约为12px）。如何加载我的内容而不会被这个患病的CSS感染？

我正在考虑使用iframe，但如果可能的话，我希望将其保留在CMS中。框架会起作用吗？

Answer 1

如果您可以将内容保存在具有特定类或ID的元素中（例如<div class="content">），那么您可以调整重置样式表（如Eric Meyer’s）来重置该类中的所有内容：

.content div, .content span, /* ...and so on */
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

然后编写所有以该类为前缀的样式，例如

.content h1 {
    font-size: 3em;
}

如果您宁愿将所有内容重置为默认浏览器样式（而不是使用重置样式表获得的无样式设置），则可以以类似的方式调整Firefox’s built-in html.css stylesheet（即将所有选择器作为前缀添加到类中包含所有内容的元素上的/ id。

有点拖累，但它可能不像帧那样偏僻。 （我假设CMS会生成您的HTML，因此更改使用框架比在CSS文件中解决问题更难。）

您可以考虑更改您的CMS - 它们旨在减少您必须完成的工作量，而不是增加它。

Answer 2

是否有可能加载自定义CSS类？您应该在CMS的CSS类之后加载CSS类并覆盖它们。