CSSの適用優先順位にかかわらず最優先でスタイルを適用させたい場合は、
最優先で適用させたいスタイルに「!important」を指定します。
構文
構文は以下の通りです。
<CSSパラメータ>:<値> !important;
CSSの後ろに文字列「!important」を付加するだけです。
サンプル
例)背景色にCSSで黄色、タグで赤色を指定。CSSに!important指定をする。
1 2 3 |
p{ background-color:yellow !important; } |
1 |
<p style="background-color:red;">!importantのサンプルです。</p> |
【結果】
!importantのサンプルです。
!importantを指定しなければタグに直接指定された赤色が優先的適用されますが、CSSにimportantが指定されているため黄色が優先され適用されています。
備考
- !importantを多用するととても分かりづらいソースコードになってしまうので、極力使用しない事をお勧めします。
コメント