Bagaimana cara menambahkan pemilih anak ke dalam selektor CSS?
Untuk menambahkan pemilih anak ke dalam selektor CSS, Anda bisa menggunakan tanda > antara selektor induk dan anak. Pemilih anak hanya akan mempengaruhi elemen yang merupakan anak langsung dari elemen induk, bukan elemen yang lebih dalam dalam struktur.
Berikut adalah contohnya:
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.