スタイルシートに記述するセレクタには多くの種類がありますが、主に下記の3つ 基本セレクタ、classセレクタ、idセレクタは基本的なセレクタと言えるでしょう。
セレクタの種類と記述例
名前 | 書式・css記述例 | html |
---|---|---|
基本セレクタ | 記述例→ h1{color: #000;} 記述例→ p{color: #999;} 要素を直接セレクトする記述方法です。 |
<h1>〜</h1> <p>〜</p> |
idセレクタ | 記述例→ #text{color: #ccc;} シャープ(#)を先頭につけてIDセレクタを定義します。 名前の1文字目だけは数字を使えません。 ひとつのページに同じIDは一度しか使えません |
<div id="text">〜</div> |
classセレクタ | 記述例→ .sample{color: #ccc;} ピリオド(.)を先頭につけてCLASSセレクタを定義します。名前の1文字目だけは数字を使えません。ひとつのページに同じclassを何度でも使えます。 |
<div class="sample">〜</div> |