CSS スタイルの競合ソートに関する小さな実験

CSS の優先順位に関する理解によれば、最後に定義された CSS スタイルは、次の例のように、それより前に定義されたすべての既存のスタイルまたは競合するスタイルをオーバーライドします。

上記の段落は、最終的には黄色の背景を持つ緑色のフォントで表示されます。これは、最後に定義された color:green が、以前に定義された赤色を上書きするためです。なぜなら、黄色の背景が消えないためです。定義内に矛盾する定義があるため、まだ有効です。

ランニング効果を見てみましょう:

もしかしたら、もう理解していると思っているかもしれません。本当に理解していますか？さて、ちょっとテストをしてみましょう。

上の 3 つの段落のテキストが最終的に表示されるとき、何色になるかを教えてください。

急いで次のコードを実行しないでください。何色になるか考えてください。

さて、それについてはすでに考えました。操作の効果を見てみましょう。