タグにclassを複数指定｜webruaryのデモページ

<div>にclassを2つ指定。

<div>に『class="demo01 demo02"』を指定しています。
.demo01で指定したmargin:100px 0;は.demo02で相殺されます。
もちろんcssファイルで.demo01より後に.demo02を記述してなくてはなりません。

html

<div class="demo01 demo02">
  <div>に『class="demo01 demo02"』を…(省略)
</div>

css

div.demo01{
  padding:10px;
  margin:100px 0;
  border:1px solid #ccc;
}

div.demo02{
  margin:0;
  background:#eee;
}

<div>に『id="demo03"』と『class="demo04"』を指定しています。
この場合、classを複数指定とは違いidで指定したプロパティをclassで相殺することは出来ません。
なのでここはfont-weight:bold;です。
ちなみに、idを複数指定はできません。

html

<div id="demo03" class="demo04">
  <div>に『id="demo03"』と『class="demo04"』を…(省略)
</div>

css

div#demo03{
  font-weight:bold;
  padding:10px;
  border:1px solid #ccc;
}

div.demo04{
  font-weight:normal;
  background:#eee;
}

もし、相殺したい場合には

css

div#demo03{
  font-weight:bold;
  padding:10px;
  border:1px solid #ccc;
}

div#demo03.demo04{
  font-weight:normal;
  background:#eee;
}

のようにid名のあとに続けてclass名を指定します。