Mengapakah `input:not(:empty)` Tidak Pernah Padan dengan Mana-mana Elemen?

Memahami Pemilih CSS :not(:empty)

Pemilih :not() menafikan kriteria padanan yang dinyatakan dalam kurungannya. Apabila digunakan pada :empty pseudo-class, pemilih :not(:empty) harus menyasarkan elemen yang tidak kosong. Walau bagaimanapun, pengguna menghadapi kesukaran menggunakan gabungan ini.

Isu Elemen Void

elemen ialah unsur kosong, bermakna ia tidak mempunyai sebarang kandungan. Menurut takrifan HTML "kosong", elemen kosong sentiasa dianggap kosong. Ini bermakna mereka akan sentiasa sepadan dengan kelas pseudo :kosong, tidak kira sama ada mereka mempunyai nilai.

Implikasi Spesifikasi Pemilih

Spesifikasi Selectors menjelaskan lagi bahawa :kelas pseudo kosong padanan elemen tanpa nod anak atau nod kandungan dengan panjang bukan sifar. Oleh itu, gabungan input:not(:empty) tidak akan sepadan dengan mana-mana elemen dalam dokumen HTML yang sah.

Penyelesaian Alternatif

Menggayakan medan secara dinamik menggunakan CSS sahaja mungkin mencabar. Walau bagaimanapun, adalah mungkin untuk memilih medan kosong pada mulanya yang tidak mempunyai atribut nilai (input[value=""]) atau mempunyai atribut nilai kosong (input:not([value])). Di luar pilihan ini, kaedah alternatif mungkin diperlukan untuk menangani penggayaan medan.

Atas ialah kandungan terperinci Mengapakah `input:not(:empty)` Tidak Pernah Padan dengan Mana-mana Elemen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!