css - CSS作者类规则被元素浏览器本机规则覆盖

Question

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

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

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

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

根据w3schools font-size规则是继承的，并且根据css 规范，浏览器样式应该具有较低的优先级。

Answer 1

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