Bagaimana untuk Menentukan Keutamaan Pemilih CSS?

Kekhususan dan Keutamaan Pemilih CSS

Apabila berbilang pemilih CSS digunakan pada satu elemen, penyemak imbas mesti menentukan pemilih mana yang diutamakan. Ini dikenali sebagai kekhususan pemilih.

Peraturan untuk Menentukan Kekhususan Pemilih:

1. !Timpa Gaya Penting dan Sebaris:

   • Gaya yang diisytiharkan dengan bendera !penting atau sebaris menggunakan atribut gaya mempunyai keutamaan tertinggi.

2. Kekhususan:

   • Kekhususan pemilih ditentukan oleh bilangan dan jenis komponennya:

     • #id mempunyai kekhususan yang lebih tinggi daripada .classname
     • .classname mempunyai kekhususan yang lebih tinggi daripada tagnam

3. Peraturan Terakhir Diutamakan:

   • Jika dua pemilih mempunyai kekhususan yang sama, yang diisytiharkan terakhir dalam fail CSS diutamakan.

Contoh:

Pertimbangkan peraturan CSS berikut:

<code class="css">body { font-size: 14px; }
#header { font-size: 16px; }</code>

Untuk

elemen dalam , kedua-dua peraturan dikenakan. Walau bagaimanapun, oleh kerana pemilih #header mempunyai kekhususan yang lebih tinggi (#id > tagname), nilai saiz fonnya 16px akan digunakan pada

elemen.

Nota:

Adalah perkara biasa untuk mempunyai berbilang peraturan yang menyasarkan elemen yang sama dengan tahap kekhususan yang berbeza. Ini boleh digunakan untuk memperhalusi gaya untuk kes tertentu atau mengatasi peraturan global untuk keadaan tertentu.

Atas ialah kandungan terperinci Bagaimana untuk Menentukan Keutamaan Pemilih CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!