Bagaimana untuk Mengecualikan Elemen dengan Nama Kelas Tertentu dalam Pemilih CSS?

Tidak Termasuk Nama Kelas Tertentu dalam Pemilih CSS

Dalam CSS, selalunya perlu untuk menyasarkan elemen berdasarkan nama kelas tertentu. Walau bagaimanapun, apabila berbilang nama kelas hadir pada elemen, penyasaran boleh menjadi lebih kompleks. Satu cabaran biasa ialah mengecualikan elemen yang mempunyai nama kelas tertentu.

Pertimbangkan senario berikut:

• Anda mahu menggunakan warna latar belakang apabila tetikus melayang di atas elemen dengan " kelas reMode_hover".
• Walau bagaimanapun, anda tidak mahu menukar warna jika elemen itu juga mempunyai kelas "reMode_selected".

Untuk mengecualikan elemen dengan nama kelas tertentu, anda boleh menggunakan pemilih "bukan". Pemilih ini membolehkan anda menyasarkan elemen yang tidak sepadan dengan syarat yang ditentukan. Dalam kes ini, anda akan menggunakan:

<code class="css">.reMode_hover:not(.reMode_selected):hover {
  background-color: #f0ac00;
}</code>

Pemilih ini akan menggunakan warna latar belakang pada mana-mana elemen dengan kelas "reMode_hover", selagi ia juga tidak mempunyai kelas "reMode_selected". Ia berkesan mengecualikan unsur-unsur yang memenuhi kedua-dua syarat.

Atas ialah kandungan terperinci Bagaimana untuk Mengecualikan Elemen dengan Nama Kelas Tertentu dalam Pemilih CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!