CSSの継承、積み重ねられた、特殊性と重要性

受け継ぎます

継承:のみ、特定のスタイルのHTMLタグ要素に適用され、将来の世代にそれを適用することができますルールがあります。以下のコード例:Pは色ラベルとして適用され、色は、印加されるだけPラベルを提供し、またスパンが子要素であるテキストPタグ、すべてのサブ要素に適用されます。

 

テキスト範囲内のテキストとの結果ウィンドウで見られる権利でPは赤に設定されています。しかし、いくつかのCSSスタイルプロパティを継承していないがあることに注意してください。例えば:ボーダー:1ピクセルの赤色の固体。

 

サブ要素のため役に立たないスパンが役割を果たしているのに対し、上記のコード例におけるその役割は、唯一のpタグ境界1ピクセル、赤、固体境界線に供給されます。

特殊性

?ときどき私たちは、同じ要素のCSSスタイルを可能にする要素を別のCSSスタイルのコードを設定し、我々は以下のコードを見てください:

1次回pとpはラベルに一致している、それは何色が表示されますか?緑のは、なぜ、右の色ですか?ブラウザは体重、CSSスタイルを使用する高重みに基づいているCSSスタイルを決定するために使用しているためです。

ここでは、ルールの重みは、以下のとおりです。

1は右のラベル、オプション文字クラス値10、100までのIDセレクタの重みです。たとえば、次のコード:

注意:

そこに特別な重みもある - 値を継承する権利だけでなく、非常に低い、およびいくつかの文献は、それがわずか0.1であることを示唆し、それは最低の値を継承する権利として理解することができます

ラミネートプロパティ

問題について考えてみましょう:

同じ要素のためのHTMLファイルには、複数のCSSスタイルを行う方法を同じ重み値で存在し、CSSスタイルを複数持つことができますか?

重みは、フロントとリアのCSSスタイルの順序に従って決定され、同じスタイルが存在する持っている場合、CSSスタイルの複数を有することができ、同一の要素に積層されたHTMLファイルが、存在する場合、それは最後尾のCSSスタイルが適用されています。

以下のコード:

P最終テキストは、緑色に設定されている積層体を十分に理解され、後者は、前のスタイルパターンを上書きすることが理解されます。

理解することは困難ではないCSSスタイルの優先順位の前でそう:

インラインスタイルシート(内部ラベル)>組み込みスタイルシート(現在のファイル)]> [外部スタイルシート(外部ファイル)。

重要性

私たちは、ウェブサイトのコードを実行すると、いくつかの特別なケースがいくつかのスタイルに最高の重み値を持つように、どのようにしますか?

今回は使用することができます!重要な解決します。

次のコード:

そして、段落内のp赤いテキストは赤で表示されます。

注意:

!important要写在分号的前面

总结

这里注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:

浏览器默认的样式 <网页制作者样式< 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。

おすすめ

転載: blog.csdn.net/dj3235/article/details/91857111