すべての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ためにを記述する必要はありません。pbody
font-size: inherit別のルールをオーバーライドするためだけに必要でした。
継承されたプロパティの場合、これによりデフォルトの動作が強化されます。次に例を示します。
/* 第 2 レベルのヘッダーを緑にする */ h2 { color: green; }
/* ...ただし、サイドバーにあるものはそのままにして、親の色を使用します */ #sidebar h2 { color: inherit; この例では、サイドバー内の h2 要素の色が異なる場合があることに注意してください。たとえば、そのうちの 1 つがルールに一致する div の子だった場合
参考:MDN