HTMLのCSSクラスの順序は重要ではありません

それは正しい！そして、私もそれを証明することができます。最初にいくつかのCSSを見てみましょう：

 .a {
  色：赤;
}

.b {
  色：青;
}

そして今、いくつかのマークアップを見てみましょう：

 <div>ここにいくつかのテキストがあります</div>

.bがCSSで最後に定義されているため、テキストは青くなるでしょうか？しかし、これらのクラスがHTMLで呼び出される順序を切り替えたらどうでしょう：

 <div>ここにいくつかのテキストがあります</div>

テキストは何色だと思いますか？赤または青？

これは確かに愚かな質問のように聞こえるかもしれませんが、たまたまCSS-in-JSソリューションに精通している多くの人々をつまずかせる傾向があります。そして今週、私は同様に考えている2人の非常に上級のフロントエンドエンジニアと話をしました！

しかし、上記の例のテキストは、これらのCSSクラスがどのような順序であっても、常に青色になります。それは、マークアップが書かれた順序でCSSを読んでいるだけであるためです。この例ではカスケードが勝ちます。

以上がHTMLのCSSクラスの順序は重要ではありませんの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。