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 中,这可能会导致继承问题。如果文档处于严格模式,则不应发生这种情况。
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 中,这可能会导致继承问题。如果文档处于严格模式,则不应发生这种情况。