#or.

概要

いつもclassは#だって.をcssのセレクタで使うんだっけとなるので自分用に整理します。

基本

/* クラス（class）→ ドット（.） */
.my-class {
    color: blue;
}

/* ID → ハッシュ（#） */
#my-id {
    color: red;
}

<!-- クラスの場合 -->
<div class="my-class">クラス要素</div>

<!-- IDの場合 -->
<div id="my-id">ID要素</div>

使用用途は、複数の要素(例　li)では、class(.)。1つだけの特別な要素は、ID（#）。