TIL 27、具体、継承、カスケード


この資料は学習後に作成されたものです.
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つのルールが適用される場合、どのように適用されますか?
ブルーに適用されます.
  • 重要度とソース
  • 具体省
  • 宣言順序