メディアクエリで定義されているフォントの色が効果を持たないのはなぜですか？

メディアクエリで定義されているフォントの色が効果を持たないのはなぜですか？例、メディアクエリで定義されているフォントの色が効果を持たないのはなぜですか？

@media (min-width: 576px){ 
    html { 
     color: red !important; 
     font-size: 1.2rem; 
    } 
}

フォントサイズは効果がありますが重要ではありません！

これはuが動作するように、親の色を作るrの場合、それが自動的に

[だけで正常に動作]（https://jsfiddle.net/dcfw8v70/）。 – Ivar

ウェブブラウザで開発者のツールを使用して、どのスタイルが適用されているかを確認してください。 hタグに適用されたスタイルを他のスタイル（例えば、pタグや本文）がオーバーライドしている可能性は非常に高いです。 – KellyMarchewa

彼らは、上記を覆すようなものがあります。 'min-width：576px'は他のものが定義されていなければ「*赤」と実質的に同じです。「...重要！」は、あなたが階層の最上位にあるのでここで助けになりません。 – davidkonrad

です。

Chromeブラウザを使用している場合は、テキスト> [検査]を右クリックします。ポップアップメニューの[スタイル]タブで、色属性を確認します。

2017-11-26 07:24:17

あなたのコードは結構です、親のカラープロパティを継承しますすべての子color:inherit を入れてブートストラップ4.

2017-11-26 07:37:43 evilReiko

答えて