为什么用户代理样式表覆盖我的样式?
我想要一个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规则被覆盖? 我能找出哪些步骤?
这是没有你的代码的外部镜头,但当我有完全相同的问题的解决scheme。 正如这个问题所描述的,我的DOCTYPE语句被一个错误的击键弄脏了。 您可能想要视觉检查和/或validation。
这可能听起来很奇怪,但它有助于检查(特别是如果您不使用IDE或不在CSS上进行validation的IDE)。 你可能想确保你有一个;
而不是:
在your:style;
的结尾your:style;
线。 因为乍一看,在检查员的语法似乎是正确的,但不是。 所以你的用户代理样式表覆盖它。 这是“确保您的打印机已插入”检查之一。 它偶尔发生在我们所有人身上。