我有一个样式表 (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; }
我从来没有遇到过这种继承问题。其他样式表按预期工作。
欢迎提出任何建议。
谢谢。
最佳答案
您可以尝试在要覆盖的规则末尾、分号之前使用 !important
标志。
这将确保它始终被应用,因此应该覆盖继承的规则。
关于CSS继承问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8243637/