Beberapa Selektor Ditulis Berurutan dalam CSS
Untuk memilih elemen yang sekaligus cocok dengan beberapa selektor, tuliskan selektor-selektor tersebut secara berurutan, tanpa spasi.
Misalnya, selektor berikut akan memilih elemen
yang sekaligus memiliki kelas bbb dan kelas
zzz:
.bbb.zzz {
}
Dan selektor berikut akan memilih heading h2,
yang sekaligus memiliki kelas bbb dan kelas
zzz:
h2.bbb.zzz {
}
Dengan cara yang ditunjukkan, Anda dapat membuat konstruksi selektor yang beragam. Urutan selektor yang digunakan tidak penting, kecuali aturan bahwa selektor tag harus ditempatkan di paling awal.
Artinya, misalnya, selektor .bbb.zzz
dan .zzz.bbb sepenuhnya setara.
Selain itu, Anda dapat membentuk selektor dengan
menggunakan id, misalnya:
#elem.eee, atau h2#elem.eee,
atau h2.eee#elem, dan seterusnya.
Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tuliskan kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:
.bbb.zzz {
color: red;
}
Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tuliskan kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:
h2.bbb.zzz {
color: red;
}
Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tuliskan kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:
#elem.bbb {
color: red;
}
Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tuliskan kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:
#elem.bbb.zzz {
color: red;
}
Jelaskan apa yang dipilih oleh selektor dalam kode di bawah ini. Kemudian tuliskan kode HTML yang sesuai dengan selektor tersebut. Berikut kode dengan selektornya:
h2#elem.bbb {
color: red;
}
