Beberapa Pemilih CSS Ditulis Rapat
Untuk memilih elemen yang memenuhi beberapa pemilih sekaligus, tuliskan pemilih-pemilih tersebut secara rapat, tanpa ruang.
Sebagai contoh, pemilih berikut akan memilih elemen
yang mempunyai kelas bbb dan kelas
zzz secara serentak:
.bbb.zzz {
}
Manakala pemilih berikut akan memilih pengepala h2,
yang mempunyai kelas bbb dan kelas
zzz secara serentak:
h2.bbb.zzz {
}
Dengan cara ini, anda boleh membina sebarang konstruksi pemilih. Urutan pemilih yang digunakan tidak penting, kecuali peraturan yang menyatakan pemilih tag mesti diletakkan di awal.
Oleh itu, sebagai contoh, pemilih .bbb.zzz
dan .zzz.bbb adalah setara sepenuhnya.
Selain itu, anda boleh membentuk pemilih dengan
menggunakan id, contohnya seperti:
#elem.eee, atau h2#elem.eee,
atau h2.eee#elem dan sebagainya.
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih tersebut. Ini kod dengan pemilih:
.bbb.zzz {
color: red;
}
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih tersebut. Ini kod dengan pemilih:
h2.bbb.zzz {
color: red;
}
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih tersebut. Ini kod dengan pemilih:
#elem.bbb {
color: red;
}
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih tersebut. Ini kod dengan pemilih:
#elem.bbb.zzz {
color: red;
}
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih tersebut. Ini kod dengan pemilih:
h2#elem.bbb {
color: red;
}
