Adakah Pemilih Universal (*) Mempengaruhi Elemen Pseudo Seperti :sebelum dan :selepas?

Pemilih Universal (*) dan Elemen Pseudo (:sebelum, :selepas)

Adakah pemilih universal (*) meluaskan pengaruhnya kepada unsur pseudo seperti :sebelum dan :selepas? Contohnya, apabila menggunakan:

* { box-sizing: border-box; }

Adakah ia secara automatik menjejaskan unsur pseudo atau adakah perlu untuk mengisytiharkan secara eksplisit:

*, *:before, *:after { box-sizing: border-box; }

Bertentangan dengan gerak hati, pemilih universal tidak memberi kesan secara langsung unsur pseudo (selain daripada warisan tidak langsung). Ini kerana :before dan :after ialah entiti yang berasingan daripada elemen sebenar dan diwakili oleh abstraksi.

Pemilih mudah seperti * hanya boleh menyasarkan elemen sebenar, bukan elemen pseudo. Untuk menggayakan :sebelum dan :selepas, anda mesti memasukkannya secara eksplisit dalam pemilih anda.

Sebab anda mungkin tidak menghadapi masalah walaupun hanya menggunakan * mungkin kerana unsur pseudo lalai kepada paparan sebaris, yang tidak terjejas dengan saiz kotak.

Ingat, apabila menggunakan berbilang pemilih mudah, termasuk * adalah pilihan untuk kejelasan. Selain itu, sementara spesifikasi Pemilih semasa menggunakan bertindih dua untuk menandakan unsur pseudo, penyemak imbas lama menyokong tatatanda bertindih tunggal untuk penetapan semula saiz kotak.

Walaupun :sebelumnya, :selepas menggunakan gaya pada unsur pseudo semua elemen, ia tidak akan dijana sehingga anda mengisytiharkan sifat kandungan. Ini tidak menimbulkan sebarang kebimbangan prestasi.

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