ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでの重要な使い方

CSSでの重要な使い方

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-04-15 17:38:077844ブラウズ

CSS では、スタイルの後に「!重要」を記述すると、指定したスタイル ルールの適用優先​​度を高めることができます。構文は「selector {style: value! important;}」です。 IE6 では認識されませんが、IE7 や他のブラウザではブラウザ互換性を処理するために使用できます。

CSSでの重要な使い方

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS は、別の場所に記述されていると優先度が異なります。CSS ファイル内の定義は、要素スタイルの < 属性ですが、!重要を使用すると、指定したスタイル ルール、構文形式の適用優先​​度が高くなります。 { sRule! important }、つまり定義の最後に記述されます

!重要な構文

セレクター {スタイル: 値!重要;}

! important は、開発者にスタイルの重みを増やす方法を提供します。 ! important は、このスタイルの属性と属性値を含むスタイル全体の宣言であることに注意してください。

Example

 
 
     !important实例  

上記のコードの場合、重要な属性が追加されていない場合、ハイパーリンクの色は青色になりますが、重要を追加すると優先度が上がり、表示色が緑色になります。

注:

  • ! important が省略表現スタイル属性に使用されている場合、この省略表現スタイル属性によって表されるサブプロパティは ! important の影響を受けます。

  • キーワード ! important は、スタイルの行の末尾、およびその行のセミコロンの前に配置する必要があります。そうしないと、効果がありません。 (ただし、セミコロンの前のスペースは影響しません)

  • 何らかの特別な理由により、1 つのコード ブロックで 2 つの同じプロパティを宣言する必要がある場合は、セミコロンの後に ! important を追加してください。これを行うと、IE6 を除くすべてのブラウザで最初の属性の重みが大きくなるからです (これは IE6 でのみ使用できるハックですが、CSS には影響しません)

推奨学習: CSS ビデオ チュートリアル

以上がCSSでの重要な使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。