要素(セレクタ)を半角スペースで区切って指定すると、前に指定した要素に含まれる後の要素にのみ、スタイルを適用させることができます。
記述例は以下の様になります。
[CSS]
h1 em { color: red; }
[HTML]
<h1><em>ここにスタイルが適用されます</em></h1>
<h2><em>ここにはスタイルが適用されません</em></h2>
IDやクラスでも同様に使うことができます。
[CSS]
#myid h2{ color: blue; }
[HTML]
<div id=”myid”>
<h2>ここにスタイルが適用されます</h2>
</div>
<h2>ここにはスタイルが適用されません</h2>
コメント