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

Question

我使用的 CMS 配置不当，CSS 糟糕透顶(例如，H1 大约为 12 像素)。我怎样才能加载我的内容而不被这个有病的 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 - 它们旨在减少您必须做的工作量，而不是增加它。