Bagaimanakah Pemilih CSS \'dan\' (&&) dan \'atau\' (||) Berfungsi?

Memahami CSS "dan" dan "atau" Pemilih

Dalam CSS, anda boleh menggunakan operator "dan" dan "atau" untuk menggabungkan berbilang pemilih dan gunakan gaya berdasarkan syarat tertentu.

Menggunakan Operator "dan" (&&)

Pengendali "&&" (juga dikenali sebagai "logik DAN") mencari elemen yang sepadan dengan semua syarat yang ditentukan. Contohnya, untuk memilih elemen input yang bukan daripada jenis "radio" atau "kotak semak", anda akan menulis pemilih berikut:

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

Pemilih ini memastikan bahawa elemen tidak mempunyai "radio" atau jenis "kotak semak".

Menggunakan Operator "atau" (||)

"||" operator (juga dikenali sebagai "logik ATAU") mencari elemen yang sepadan dengan mana-mana syarat yang ditentukan. Sebagai contoh, untuk memilih elemen input yang sama ada daripada jenis "teks" atau "serahkan," anda akan menulis pemilih berikut:

input[type="text"], input[type="submit"]

Pemilih ini memastikan bahawa elemen mempunyai "teks" atau "serahkan " jenis, tanpa mengira atributnya yang lain.

Contoh Penggunaan

• Untuk menggayakan semua elemen input kecuali yang mempunyai atribut "disabled": input:not([disabled])
• Untuk memilih perenggan yang berpusat dan mempunyai kelas "penting": p.important:center
• Untuk menggayakan elemen div yang mempunyai sama ada kelas "ralat" atau "kejayaan": div.error, div.success

Memahami penggunaan "&&" dan "||" yang betul pengendali adalah penting untuk mencipta pemilih CSS yang tepat dan cekap.

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