ホームページ  >  記事  >  ウェブフロントエンド  >  CSSでウェイトを増やす方法

CSSでウェイトを増やす方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-06-01 15:03:347037ブラウズ

CSS では、「! important」を使用して重みを増やすことができます。構文は「selector {style: value! important;}」です。 CSS スタイルに「!importanrt」を追加すると、親スタイルをオーバーライドできます。これは IE6 では認識されませんが、ブラウザの互換性を処理するために IE7 およびその他のブラウザで使用できます。

CSSでウェイトを増やす方法

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

ページ内のすべてのアトミック クラスが非常に大きな重みを持ち、ページ内のいずれかのタグがこのアトミック クラスを保持すると、スタイルが独自のスタイルの影響を受けることなく即座に生成されるようにしたいと考えています。したがって、この時点では、!重要を使用して重みを増やすことができます!

.warning{
	color:red !important;
}

important は英語で重要という意味です。書き方に注目!セミコロンの前に記述します。重みを増やす属性が複数ある場合は、複数の属性を記述する必要があります:

.warning{
	color:red !important;
	font-weight: bold !important;
  }

ページでは、重みを増やすために ! important を悪用することは固く禁じられており、使用できるのはアトミッククラスの場合!

注:

!重要は継承には影響しません。タグは継承によって影響を受け、その重みは 0 です。!重要が 0 であっても、選択されたセレクターと競合することはできません。

!重要は近接原則には影響しません。遠いものに「!重要」と書いても無駄です。近いものが優先されます。

それらがすべて継承された属性であり、説明が同じである場合、今度は!重要なものの重みを増やす場合にのみ役立ちます。

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

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

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