Bolehkah anda menggunakan gaya pada elemen pseudo dengan pemilih universal?

Pemilih Universal Berbanding Elemen Pseudo

Pemilih universal () tidak secara langsung mempengaruhi elemen pseudo (:sebelum, :selepas) kerana ia bukan unsur sebenar. Pemilih mudah seperti hanya menyasarkan elemen, manakala elemen pseudo ialah entiti yang berasingan dalam DOM.

Untuk menggunakan gaya pada elemen pseudo, seseorang mesti memasukkan elemen pseudo yang sepadan dalam pemilih. Oleh itu, :sebelum, :selepas adalah perlu untuk mempengaruhi elemen pseudo ini.

Menggunakan * { saiz kotak: kotak sempadan; } sahaja tidak akan menjejaskan elemen pseudo kerana saiz kotak biasanya tidak diwarisi. Sebaliknya, unsur pseudo akan mengekalkan nilai lalainya bagi kotak kandungan.

Dalam sesetengah kes, unsur pseudo mungkin muncul bersama pemilih universal dalam rantai pemilih (cth., *, :before, :after). Walau bagaimanapun, pemilih universal boleh diabaikan jika ia bukan satu-satunya komponen dalam rantai.

Walaupun elemen pseudo dipaparkan sebaris secara lalai, saiz kotak tidak menjejaskannya apabila ia sebaris.

Apabila menggunakan gaya pada unsur pseudo menggunakan tatatanda bertindih tunggal (:sebelum, :selepas), adalah penting untuk diingat bahawa IE8 tidak menyokong tatatanda bertindih berganda (::sebelum, ::selepas).

Akhir sekali, walaupun :before, :after menggunakan gaya pada semua elemen pseudo, ia tidak akan dijana sehingga sifat kandungan digunakan.

Atas ialah kandungan terperinci Bolehkah anda menggunakan gaya pada elemen pseudo dengan pemilih universal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!