57

我想要一个 11 的字体大小，但 Chrome 和 Firefox 给了我 16。当我检查 Chrome 中的元素时，我看到并查看了我看到的计算属性：

font-size: 16px;
  table - medium user agent stylesheet
  Style Attribute - 11px
  table - medium user agent stylesheet
  .v11gray - 11px style.css

在 Firefox 的计算样式下，我得到：

font-size: 16px
   TABLE[0].style → 11px    element
   .v11gray → 11px  style.css:19

最后三行被删除。为什么我的 css 规则被覆盖？我可以采取哪些步骤来找出答案？

4

2 回答 2

80

这是没有您的代码的外部镜头，但是当我遇到完全相同的问题时的解决方案。如本问题所述，我的 DOCTYPE 语句被错误的击键弄乱了。您可能想要目视检查和/或验证。

于 2012-07-18T14:22:31.593 回答
4

这可能听起来很奇怪，但它有助于检查（特别是如果您没有使用 IDE 或没有对 CSS 进行验证的IDE）。您可能需要确保在行尾有 a;而不是 a 。因为乍一看，在检查器中语法似乎是正确的，但不是。所以你的用户代理样式表会覆盖它。这是“确保您的打印机已插入”检查之一。它每隔一段时间就会发生在我们所有人身上。:your:style;

于 2014-08-08T23:27:30.873 回答