Bagaimana untuk Menggayakan `a:before` dengan `:hover` dan `:visited` Pseudo-class?

Mengatasi Seruan 'a:before' Dengan ':hover' dan ':visited' Syarat

Ketidakupayaan untuk berjaya menggunakan ' a:before:hover' berpunca daripada pemahaman asas sintaks CSS. Untuk menggunakan gaya dengan betul pada elemen pseudo 'a:before' apabila elemen 'a' sepadan dengan pseudo-class, formatnya hendaklah 'a:hover:before' atau 'a:visited:before'. Ini menandakan bahawa elemen pseudo datang selepas kelas pseudo dalam pemilih.

Dalam CSS3, penggunaan titik bertindih berganda (cth., 'a:hover::before' atau 'a:visited::before' ') meningkatkan kejelasan dalam membezakan kelas pseudo daripada unsur pseudo. Walau bagaimanapun, titik bertindih tunggal adalah memadai untuk penyemak imbas lama seperti IE8 dan ke bawah.

Turutan kelas pseudo dan elemen pseudo ditakrifkan dengan ketat dalam spesifikasi. Unsur pseudo hanya boleh dilampirkan pada penghujung jujukan pemilih mudah, iaitu rantai pemilih tanpa penggabung. Pemilih mudah termasuk pemilih jenis, pemilih universal, pemilih atribut, pemilih kelas, pemilih ID dan kelas pseudo. Walaupun kelas pseudo ialah pemilih mudah, elemen pseudo tidak.

Walau bagaimanapun, untuk kelas pseudo tindakan pengguna seperti ':hover', jika kesan yang dikehendaki dihadkan kepada interaksi pengguna dengan elemen pseudo, ia pada masa ini tidak boleh dilaksanakan melalui CSS standard. Sebaliknya, ':hover' mesti digunakan pada elemen anak sebenar.

Atas ialah kandungan terperinci Bagaimana untuk Menggayakan `a:before` dengan `:hover` dan `:visited` Pseudo-class?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!