【CSS講座③】 セレクタ セレクタ

要素(セレクタ)を半角スペースで区切って指定すると、前に指定した要素に含まれる後の要素にのみ、スタイルを適用させることができます。

記述例は以下の様になります。

[スタイルシート]
h1 em {
  color: red;
}
 
[HTML]
<h1><em>ここにスタイルが適用されます</em></h1>
<h2><em>ここにはスタイルが適用されません</em></h2>

 
IDやクラスでも同様に使うことができます。

[スタイルシート]
#myid h2{
  color: blue;
}
 
[HTML]
<div id=”myid”>
  <h2>ここにスタイルが適用されます</h2>
</div>
<h2>ここにはスタイルが適用されません</h2>

Copyright© 2018 おすすめ レンタルサーバーの選び方 All Rights Reserved.