CSS における !重要な役割

指定されたスタイルルールの適用優先​​度を上げます。

• IE6 以下のブラウザには比較的明示的なサポートの問題があり、! important は同じルール セットでは有効になりません。次のコードを見てください:

  サンプルコード:

  div { color: #f00 !important; color: #000; }

  上記のコードでは、IE6 以下のブラウザーの div のテキストの色は #000 ですが、!重要は他のブラウザーの div のテキストの色は #f00 です

  。

• ! important を IE6 以下のブラウザで有効にするには、次のコードを使用できます:

  サンプルコード:

  div { color: #f00 !important; } div { color: #000; }

  上記のコードでは、IE6 以下のブラウザの div のテキストの色は他のブラウザと一致しており、両方とも #f00 です

IE6 以前のブラウザでは、同じルール セット内で ! important は有効になりません。

例:

リーリー

参考記事：

http://www.runoob.com/css3/css3-buttons.html

http://www.css88.com/book/css/rules/! important.htm

この記事はブロガーによるオリジナル記事です。転載する場合は出典を明記してください。