Selektor adalah bagian dari CSS yang digunakan untuk memilih elemen HTML yang ingin diberi gaya.
🔹 1. Selektor Tag (Elemen)
Menargetkan elemen berdasarkan nama tag-nya, misalnya <p>, <h1>, <body>, dll.
p {
color: blue;
}
âž¡ Semua <p> akan berwarna biru.
🔹 2. Selektor Class
Menargetkan elemen berdasarkan nama class. Harus diberi awalan titik (.).
HTML:
<p class="judul">Ini paragraf penting</p>
CSS:
.judul {
font-weight: bold;
color: red;
}
âž¡ Bisa digunakan untuk banyak elemen yang berbeda.
🔹 3. Selektor ID
Menargetkan elemen berdasarkan ID. Harus diberi awalan pagar (#).
HTML:
<p id="khusus">Paragraf ini sangat penting</p>
CSS:
#khusus {
font-size: 20px;
color: green;
}
âž¡ Hanya boleh digunakan satu kali per halaman.
🧠Perbandingan Singkat
| Tipe | Awalan | Digunakan di | Untuk |
|---|---|---|---|
| Tag | — | p, h1, body |
Semua elemen sejenis |
| Class | . |
class="nama" |
Banyak elemen dengan gaya sama |
| ID | # |
id="nama" |
Satu elemen unik |