Keutamaan Pemilih Keturunan dalam CSS
Dalam semua pelajaran sebelumnya, semua pemilih perlu menangkap elemen itu sendiri. Mungkin berlaku keadaan di mana satu pemilih menangkap elemen, dan pemilih kedua menangkap induk elemen tersebut.
Anda sudah tahu bahawa jika induk diberikan, sebagai contoh, warna, maka warna itu akan diwarisi oleh keturunannya. Walau bagaimanapun, jika keturunan juga diberikan warna, maka pemilih keturunan akan mempunyai keutamaan yang lebih tinggi daripada pemilih induk.
Ini bermakna pemilih tag keturunan mengalahkan kelas induk:
<div class="block">
<p>text</p>
</div>
.block {
color: red;
}
p {
color: green; /* warna ini akan diterapkan */
}
:
Pemilih tag keturunan juga mengalahkan pengenal induk:
<div id="block">
<p class="text">text</p>
</div>
#block {
color: red;
}
.text {
color: green; /* warna ini akan diterapkan */
}
:
