CSS/スタイルの継承

スタイル種類によってはより下位の要素にスタイルが継承されるモノがある

使いそうなやつだけ書いとく

• color
• font-family
• font-size
• font-style
• font-weight
• line-height
• letter-spacing
• text-align
• cursor
• visibility
• word-break
• word-spacing
• word-wrap

値そのものが継承されないのだが、子の値の指定の仕方によって親の値の影響を受けるモノがある。

• font-size の em, % 表記。親の値に対する割合となる
• width, height の % 表記、親の大きさに対する割合となる

継承されないスタイルでもその設定値に inherit を指定すると強制的に継承できる

#hoge > .piyo{
    border: inherit;
}