[CSS] CSSの詳細度による「適用順(優先順位)」と「上書き」 | ぶぶりんブログ

最優先となる!importantの記述 詳細度に関係なく!importantを付けたスタイルが最優先されます。後に他のスタイルを記述しても上書きされない特徴を持っています。下記に記述方法を示します。 p { font-size:16px !important;}/*適応されるスタイル*/ p { font-size:14px;}/*適応されないスタイル*/ しかし、「!important」は奥の手・切り札であり、CSSの破綻の可能性が高くなるため、頻繁に使用するものではなく使用しなくてもスタイルを適用できるように心掛けるようにしてください。 インライン記述(style属性) 直接HTMLのstyle属性にスタイルを記述することです。下記に記述例を示します。 <span style="font-size:16px;">スタイル</span> しかし、!importantと同様で、避けたい記述

[kkabou]

セレクタの詳細度によってCSSのスタイルの適用される優先順位が生じ、先に定義された記述を上書きすることができる・できない場合が存在します。詳細度によるCSSのスタイルの適用順についてご紹介したいと思います。

[taking-the-place]

セレクタの詳細度によってCSSのスタイルの適用される優先順位が生じ、先に定義された記述を上書きすることができる・できない場合が存在します。詳細度によるCSSのスタイルの適用順についてご紹介したいと思います。