divで指定した範囲内だけにスタイルを適用する

範囲指定してスタイルを記述する場合、

• classで指定
• idで指定

の二通りがある。
どちらでも同様のことができるが、idの方が優先され、なおかつ一意でなければならないという違いがある。記述の仕方もそれぞれ異なる。

classを使用する場合

HTMLの方には以下を記述。

<div class="class01">
  <table>〜</table>
</div>

スタイルシートの方では、次のようにスタイル指定。

div.class01 table{
  /* なんかスタイル記述 */
}

idを使用する場合

HTMLの方には以下を記述。

<div id="id01">
  <table>〜</table>
</div>

スタイルシートの方では、次のようにスタイル指定。

#id01 table{
  /* なんかスタイル記述 */
}