CSS作者类规则由元素浏览器本机规则覆盖

Question

font-size类规则（.dropdown-menu）定义的CSS规则被内置浏览器元素规则（table）覆盖。这怎么可能？

我处理使用Cockpit样式的PatternFly插件。我的标签元素（屏幕截图中的选定行）具有太大的font-size，它是从间接父元素table继承而来的。该表令人惊讶地没有从其父元素（在font-size定义中为div.dropdown定义）中继承属性.dropdown的值，但它直接从浏览器样式表中获取。我想知道它是如何可能的，它是否违反了CSS级联 - 使用浏览器定义而不是继承父元素？

在Chrome 51和Firefox 46中，它一直以这种方式运行。

Here是简化的JsFiddle演示，似乎可以正常工作（即不同）。

根据w3schools font-size规则继承，根据css specification，浏览器样式的优先级应该较低。

Answer 1

检查您的文档是否在quirksmode，这可能导致继承问题。如果文档处于严格模式，则不应发生这种情况。