Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Menentukan Keutamaan Pemilih CSS?

Bagaimana untuk Menentukan Keutamaan Pemilih CSS?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-10-24 02:29:02411semak imbas

How to Determine CSS Selector Precedence?

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:HTML yang Saya InginkanArtikel seterusnya:HTML yang Saya Inginkan