Ralat apabila menggunakan beberapa pemilih CSS
Ingatkan tentang ralat pemula: pemilih
.bbb.zzz dan pemilih .bbb .zzz
melakukan perkara yang berbeza. Yang pertama mencari elemen
yang mempunyai dua kelas secara serentak, manakala yang kedua
- mencari elemen dengan kelas zzz, yang berada
di dalam elemen dengan kelas bbb.
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih ini. Ini kod dengan pemilih:
h2.zzz {
color: red;
}
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih ini. Ini kod dengan pemilih:
h2 .zzz {
color: red;
}
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih ini. 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 ini. 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 ini. Ini kod dengan pemilih:
.bbb.zzz.xxx {
color: red;
}
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih ini. Ini kod dengan pemilih:
.bbb .zzz.xxx {
color: red;
}
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih ini. Ini kod dengan pemilih:
.bbb.zzz .xxx {
color: red;
}
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih ini. Ini kod dengan pemilih:
.bbb .zzz .xxx {
color: red;
}
Terangkan apa yang dipilih oleh pemilih dalam kod di bawah. Kemudian tulis kod HTML yang sesuai dengan pemilih ini. 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 ini. Ini kod dengan pemilih:
#elem .bbb {
color: red;
}