font-size
クラス ルール ( ) によって定義された CSS ルール.dropdown-menu
は、組み込みのブラウザ要素ルール ( ) によってオーバーライドされましたtable
。そんなことがあるものか?
私は、 PatternFlyスタイルを使用するCockpitプラグインに取り組んでいます。私のラベル要素 (スクリーンショットで選択された行) は、間接的な親要素から継承された大きすぎます。驚くべきことに、テーブルは親要素 (定義で定義されている) からプロパティの値を継承しませんが、ブラウザのスタイルシートから直接取得します。親要素から継承する代わりにブラウザ定義を使用するために、CSSカスケードに違反していませんか?font-size
table
font-size
div.dropdown
.dropdown
Chrome 51 と Firefox 46 では一貫してこの方法で動作します。
これは、正しく動作しているように見える単純化された JsFiddle デモです (つまり、異なる動作をします) 。
w3schools font-size
ルールによると、継承され、 css 仕様によると、ブラウザ スタイルは優先度が低くなるはずです。