为什么用户代理样式表覆盖我的样式？

Question

我想要一个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规则被覆盖了？我有什么步骤可以找出来吗？

Answer 1

这是一个没有你的代码的外部镜头，但解决了我遇到完全相同的问题。正如this question中所述，我的DOCTYPE声明因错误的击键而被犯规。您可能希望通过视觉和/或验证进行检查。

Answer 2

这可能听起来很奇怪，但它有助于检查（特别是如果您没有使用IDE或者没有对CSS进行验证的话）。您可能希望确保在;行末尾有:而不是your:style;。因为一目了然，在检查员中，语法似乎是正确的，但不是。因此，您的用户代理样式表会覆盖它。这是其中一个＆＃34;确保您的打印机已插入＆＃34;检查。它偶尔发生在我们所有人身上。