すべてのp
タグが本文のフォント サイズを継承するようにします。これは、フォント サイズを宣言しない場合、または宣言されたフォント サイズで親にネストしない場合に自動的に行われます。
しかし、CSS の内部に追加font-size: inherit
する必要がありますか? p
それは私に何か利点をもたらしますか?
すべてのp
タグが本文のフォント サイズを継承するようにします。これは、フォント サイズを宣言しない場合、または宣言されたフォント サイズで親にネストしない場合に自動的に行われます。
しかし、CSS の内部に追加font-size: inherit
する必要がありますか? p
それは私に何か利点をもたらしますか?
No. font-size
は継承されたプロパティであるため、要素に nofont-size
を指定することは、 を使用することとまったく同じfont-size: inherit;
です。
明示的に書き出すことは、実際にはもっと悪いことです.なぜなら、私がそれを見た場合、私が見逃していることをオーバーライドするはずの他のルールが何であるか疑問に思うからです. :)
追加font-size: inherit
すると、この場合にのみ役立ちます。
p
本文からフォント サイズを継承するようにします。p
の は の直接の子ですbody
。font-size
スタイルシートで別のルールで設定されているものもあります。font-size: inherit
するか、それ!important
をオーバーライドして にp
継承させることができます。したがって、実際にそこに置く必要はありません。無駄なコードが少ないほどデバッグが容易になるため、おそらくそうすべきではありません。
のフォント サイズを継承するfont-size: inherit
ためにを記述する必要はありません。p
body
font-size: inherit
別のルールをオーバーライドするためだけに必要でした。
継承されたプロパティの場合、これによりデフォルトの動作が強化されます。次に例を示します。
/* 第 2 レベルのヘッダーを緑にする */ h2 { color: green; }
/* ...ただし、サイドバーにあるものはそのままにして、親の色を使用します */ #sidebar h2 { color: inherit; この例では、サイドバー内の h2 要素の色が異なる場合があることに注意してください。たとえば、そのうちの 1 つがルールに一致する div の子だった場合
参考:MDN