プロパティを継承する「inherit」

プロパティを継承する「inherit」

コーディングをしていると、テキストにcolor指定しているにもかかわらず
aタグには別途color設定しなければなりません。
私はいつも思っておりました。

「何で継承しないのさ??」

どうやら継承はプロパティによってしないものもある様子。
その中にaタグもある。然り。

aタグはよくブロック要素にしてボタン扱いすることがあります。
こんな時は先の「何で継承しないのさ??」が起こるわけですが、
最近とっても便利なものを発見いたしました。

inherit

です。

例えば、

こんなhtmlがあったとします。
cssを

としても、one twoの色は変わりません。
li以下にあってもaタグへは継承されないからです。
したがって、

として、aタグにも指定が必要です。
tipsとしてはありなのですが、何だかモヤモヤします。

そこで登場するのがinheritです!

とすれば、liの文字色がaへも継承されます!
今更ながら知った便利機能。
今後は活用していきたいと思います。

Back to Top