継承とは、親要素のスタイル指定を子要素が引き継いで表示することです。子要素自身に、親要素と同じプロパティに対して、違った値が設定されたなら、子要素のスタイル指定が親要素の指定を上書きされて、適用されます。

■ HTML内で記述されたもの

<h1>お役立ちサイト <strong>CSS徹底分析</strong></h1>
<p>CSSを<strong>わかりやすく</strong>解説します。</p>

■ CSSファイル内の指定

h1 {
　 　font-size ： 18px；
　　 color：blue；
}

p　{
　 　font-size： 12px；
　　 colo：orenge；
}

strong　{
　　 color：red；
}

■ ブラウザ上での表示

お役立ちサイトCSS徹底分析
CSSを分かりやすく解説します。

■ h1とstrongの関係　⇒　親要素：h1　　子要素：strong
■ pとstrongの関係　⇒　親要素：h1　　子要素：strong

ｓｔｅｐ2を分析すると、記述者は、<strong>〜</strong>内を赤字で表示させたいことが分かります。しかし、同じ<strong>〜</strong>でHTMLに記述しても<h1>〜</h1>内の<strong>と<p>〜</p>内の<strong>では、フォントサイズが違います。これは、<h1>〜</h1>内の<strong>は、親要素であるｈ１の｢font-size：18px；｣を継承しているからです。同様に、<p>〜</p>内の<strong>も、親要素であるｐの「font-size： 12px；」を継承しています。子要素であるｓｔｒｏｎｇのフォントザイズを変えたい時は、CSSファイル内で、ｓｔｒｏｎｇのスタイル設定に、「font-size： ○○px；」を付け加えれば、親要素のｈ１やｐの指定が上書きされて、適用されます。