← CSS3 / 62

Class: selector yang paling sering dipakai

Class dipilih dengan titik: .nama-class. Inilah selector yang dipakai 90% waktu di dunia kerja, karena bisa dipakai berulang di banyak elemen dan tidak mengikat gaya ke jenis tag. Satu elemen boleh punya beberapa class sekaligus.

👀 Contoh dulu

/* HTML: <p class="peringatan">Awas!</p> */

.peringatan {
  color: white;
  background-color: red;
}

Hasilnya: Hanya elemen yang punya class="peringatan" berubah jadi teks putih di atas merah; elemen lain tidak terpengaruh.

💡 Di CSS pakai titik (.peringatan), di HTML tanpa titik (class="peringatan"). Ini sering tertukar.

📝 Sekarang giliranmu

Beri elemen ber-class sorotan latar kuning (background-color: yellow;) dan teks tebal (font-weight: bold;).

Preview
← SebelumnyaBerikutnya →