CSS继承问题

Question

我有一个样式表 (layout.css)，它在样式表顶部导入以下 CSS:

@import "reset.css";
@import "typography.css";
@import "forms.css";
@import "fonts/fonts.css";
@import "tablecloth.css";

除了那该死的排版样式表之外，一切似乎都井井有条。我的意思是，当我将样式应用到某个段落时，应用到它的唯一样式取自排版样式表。

例子:

应用于layout.css:

#three-col-container #right-col.filter p.more { color: #ff0000; font-size: 1.2em; }

已应用 Inspector 告诉我的内容(这些样式包含在排版样式表中):

p { font-size: 1em; color: #444; }

我从来没有遇到过这种继承问题。其他样式表按预期工作。

欢迎提出任何建议。

谢谢。

Answer 1

您可以尝试在要覆盖的规则末尾、分号之前使用 !important 标志。

这将确保它始终被应用，因此应该覆盖继承的规则。