Bagaimana cara menggunakan tanda `>` dalam selektor CSS?

Tanda  >  dalam CSS digunakan untuk menunjukkan pemilih anak. Ini berarti bahwa gaya akan diterapkan hanya pada elemen yang merupakan anak langsung dari elemen lain, bukan pada elemen yang lebih dalam dalam struktur.
 
Berikut adalah cara Anda bisa menggunakannya:
 
 
div > p {
  color: blue;
}
 
 
Dalam contoh ini, semua elemen  <p>  yang merupakan anak langsung dari elemen  <div>  akan memiliki teks berwarna biru. Perhatikan bahwa ini tidak akan mempengaruhi elemen  <p>  yang lebih dalam dalam struktur, hanya yang merupakan anak langsung dari  <div> .
 
Ini adalah cara yang bagus untuk menargetkan elemen spesifik dalam struktur HTML Anda tanpa perlu menambahkan class atau id tambahan.

Postingan populer dari blog ini

**Kalung & Gelang dalam Perspektif Islam**

Doa yang biasa dibaca ketika masuk kamar mandi

Masa Depan Teknologi: Inovasi Terbaru yang Mengubah Dunia di 2025 dan Seterusnya