TIL 27、具体、継承、カスケード
この資料は学習後に作成されたものです.
https://www.boostcourse.org/cs120/lecture/92905?isDesc=false
具体性
重要度とソース 具体省 宣言順序
https://www.boostcourse.org/cs120/lecture/92905?isDesc=false
具体性
どのルールが優先的に適用されるべきかについてのルールです.
明確な(具体的な)声明を数値化した.
具体的な値が大きいほど、まず適用されます.
インラインスタイルの具体的な値は1、0、0、0で、ルールの中で最大の具体的な値です.
でも、
重要キーワードはすべての具体性を無視し、優先権を有する.
継承
<em>
親<h1>
color:grayを継承します.
ただし、ボックスモデルの属性は継承されません.
次の状況はどうなりますか?
継承された属性は具体的ではなく、CSSは赤で表示されます.
具体的な値は0、0、0、0、および0ですが、継承されたプロパティよりも高いため、選択プログラム全体が優先的に適用されます.
cascading
カスケードの意味は階層的で、滝が落ちるように.
すべてのスタイル・ルールは、カスケードされたステップ・ルールに基づいて要素に適用されます.h1 { color: red; }
h1 { color: blue; }
同じ具体性を持つ2つのルールが適用される場合、どのように適用されますか?
ブルーに適用されます.
<em>
親<h1>
color:grayを継承します.ただし、ボックスモデルの属性は継承されません.
次の状況はどうなりますか?
継承された属性は具体的ではなく、CSSは赤で表示されます.
具体的な値は0、0、0、0、および0ですが、継承されたプロパティよりも高いため、選択プログラム全体が優先的に適用されます.
cascading
カスケードの意味は階層的で、滝が落ちるように.
すべてのスタイル・ルールは、カスケードされたステップ・ルールに基づいて要素に適用されます.h1 { color: red; }
h1 { color: blue; }
同じ具体性を持つ2つのルールが適用される場合、どのように適用されますか?
ブルーに適用されます.
h1 { color: red; }
h1 { color: blue; }
Reference
この問題について(TIL 27、具体、継承、カスケード), 我々は、より多くの情報をここで見つけました https://velog.io/@heyho9292/TIL-27-구체성-상속テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol