優先順位・個別性・!important宣言｜CSSの基本｜CSS HappyLife ZEROCSSの適用方法は多種多様です。様々な指定を行うため、これらが競合した場合に備え、優先度が決められています。 スタイルのもっとも基本的な優先順位は、「後から読み込んだスタイルを優先的に適用」します。 読み込む順序は、上から読み込まれていきますので、以下のような場合は後から書いているスタイルが優先されます。 p { color: #000; } p { color: #333; } これで後から書いているcolor: #333;が優先されます。 また、次のように書いたとします。 p.note { color: red; } .note { color: orange; } <p class="note"> ちょっとした注意書きみたいな文書 </p> この場合は、後から書いているcolor: orange;が反映されずに、先に書かれているcolor: red;が優先されます。 これはセレクタに
