CSS 作者 class 规则被元素浏览器本机规则覆盖

CSS author class rule overriden by element browser native rule

font-size CSS 由 class 规则 (.dropdown-menu) 定义的规则被内置浏览器元素规则 (table).这怎么可能?

我致力于 Cockpit plugin that uses PatternFly 风格。我的标签元素(屏幕截图中的选定行)从间接父元素 table 继承而来的 font-size 过大。 table 令人惊讶地没有从其父元素(在 .dropdown 定义中为 div.dropdown 定义)继承 属性 font-size 的值,而是直接从浏览器获取它样式表。我想知道这怎么可能,它不违反 CSS 级联 - 使用浏览器定义而不是从父元素继承吗?

它在 Chrome 51 和 Firefox 46 中始终以这种方式工作。

Here 是简化的 JsFiddle 演示,似乎可以正常工作(即不同)。

根据 w3schools font-size rule is inherited and according to css specification 浏览器样式应具有较低的优先级。

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