Rumah  >  Artikel  >  hujung hadapan web  >  Bolehkah Pemilih Universal (*) Digunakan untuk Menggayakan elemen Pseudo Seperti :sebelum dan :selepas?

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

Linda Hamilton
Linda Hamiltonasal
2024-11-07 06:53:02756semak imbas

Can the Universal Selector (*) Be Used to Style Pseudo-elements Like :before and :after?

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn