過去POST

過去自分がTECH::CAMPのメンターをしていた時期にメモしていた内容を公開します。
この手の質問も勉強し始めの人からは結構多かった印象があります。
（このくらいカリキュラムに書いてほしかった…）

質問

CSSの最初に書くピリオドはなんのために書くんですか？

CSSは「何に対して」装飾するのかを指定する必要があります。（セレクタと言います）

指定できるものは主に
・HTML タグ
・class
・id
です。

先頭に[.]や[#]をつけるのは、上記三つのうち何かを区別するためです。

例えば全て同じ名前「head」だとすると、


<head>HTMLタグ</head>

<div class="head">class</div>

<div id="head">id</div>

/*HTMLタグ*/
head{
}

/*class*/
.head{
}

/*id*/
# head{
}

のようになります。

つまり、先頭にピリオドをつけるのは、「クラス」に対して装飾をするという指定をするためです。