css - 网页 css 覆盖 ckeditor 3 样式

Question

我有一个加载 screen.css 的页面，其中包含一个 evil 规则，出于各种原因我无法删除或修改它:

a {
    background: red !important;
}

我使用 CKEditor 3.x在同一页面上，问题是，无论我选择哪种样式(v2、kama、office2003)，编辑器的按钮都是红色的。

FCKeditor 2.x 没有这方面的问题，因为它正在创建一个 iframe 来托管整个编辑器实例。因此，邪恶的 CSS 片段甚至不存在于其页面中。

虽然新的 CKEditor 3.x 使用 div 和表格来托管编辑器包装器和按钮，然后使用 iframe 仅用于富文本区域内容。

有什么解决办法吗？

谢谢

Answer 1

啊，有趣。

Specificity进行救援。

创建一个覆盖 {color: red !important} } 的新样式表。让它适合你，并确保它总是在你的邪恶样式表之后和 CKEditor 表之前加载。例如:

a { color: lemonchiffon !important; }

但请阅读链接...特异性非常具体。