Bolehkah Pemilih Universal (*) Digunakan untuk Menggayakan elemen Pseudo Seperti :sebelum dan :selepas?

Pemilih Universal dan Elemen Pseudo

Pemilih universal (*) menyasarkan semua elemen dalam dokumen. Walau bagaimanapun, ia tidak menjejaskan elemen pseudo seperti :sebelum dan :selepas secara langsung.

Elemen pseudo ialah abstraksi DOM yang mewakili nod maya. Ia bukan elemen sebenar dan oleh itu tidak boleh disasarkan oleh pemilih mudah seperti *.

Untuk menggunakan gaya pada elemen pseudo, anda perlu memasukkannya secara eksplisit dalam pemilih, mis., , : sebelum, *:selepas.

Ini bermakna pengisytiharan * { saiz kotak: kotak sempadan; } tidak menjejaskan unsur pseudo secara automatik seperti :before dan :after.

Sebaliknya, anda perlu mengisytiharkan :before, :after { box-sizing: border-box; } untuk menggunakan sifat saiz kotak pada elemen pseudo tersebut.

Sesetengah pembangun boleh menggunakan hanya * { saiz kotak: kotak sempadan; } dan tidak pernah menghadapi masalah kerana elemen pseudo biasanya dipaparkan sebaris. Saiz kotak tidak menjejaskan elemen sebaris, jadi menggunakan pemilih universal sahaja tidak akan memberi kesan ketara pada elemen pseudo.

Adalah penting untuk ambil perhatian bahawa semasa :sebelum, :selepas menjejaskan elemen pseudo daripada semua elemen, termasuk html, kepala dan badan, elemen pseudo tersebut tidak akan dijana sehingga anda menggunakan sifat kandungan. Tiada kebimbangan prestasi yang dikaitkan dengan gelagat ini.

Atas ialah kandungan terperinci Bolehkah Pemilih Universal (*) Digunakan untuk Menggayakan elemen Pseudo Seperti :sebelum dan :selepas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!