Bagaimanakah Pengendali CSS \'dan\' (&&) dan \'atau\' (||) Mempengaruhi Pemilihan Elemen?

Memahami CSS "dan" dan "atau" Operator

Apabila menggayakan elemen web, mungkin perlu mengecualikan jenis elemen tertentu daripada penggayaan. Sebagai contoh, medan input mungkin perlu dikecualikan daripada penggayaan, manakala kotak pilihan juga harus dikecualikan.

Menggunakan "dan"

Pengendali "dan" (&& ) dalam CSS membolehkan untuk menggabungkan berbilang pemilih, dengan berkesan mengecilkan kriteria pemilihan. Contohnya:

.registration_form_right input:not([type="radio"]) && input:not([type="checkbox"])
{
 //Nah.
}

Pemilih ini akan menggunakan penggayaan pada semua elemen input dalam .registration_form_right kecuali yang jenis "radio" atau "kotak pilihan." Pengendali "&&" memastikan kedua-dua syarat dipenuhi untuk elemen dipilih.

Menggunakan "atau"

Operator "atau" (||) memisahkan berbilang pemilih. Jika mana-mana pemilih sepadan dengan elemen, elemen itu akan dipilih. Contohnya:

.registration_form_right input[type="text"] || .registration_form_right input[type="email"]
{
 //Nah.
}

Di sini, penggayaan akan digunakan pada kedua-dua elemen input teks dan e-mel. "||" operator menentukan sama ada syarat (type="text" atau type="email") adalah mencukupi untuk elemen disertakan.

Contoh Praktikal

• Untuk mengecualikan butang radio dan kotak pilihan daripada penggayaan blok:

  input:not([type="radio" && type="checkbox"])

  Salin selepas log masuk

• Untuk menggayakan elemen yang sama ada dilumpuhkan atau mempunyai kelas tertentu:

  element:disabled || .specific-class

  Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimanakah Pengendali CSS \'dan\' (&&) dan \'atau\' (||) Mempengaruhi Pemilihan Elemen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!