Kolon Tunggal atau Berganda untuk unsur-unsur Pseudo CSS: Notasi Mana Yang Perlu Saya Gunakan?

Notasi Titik Tunggal vs. Berganda untuk unsur Pseudo: Pendekatan Praktikal

Apabila menyasarkan elemen pseudo dalam CSS, pilihan antara tunggal (:selepas) dan berganda (::selepas) notasi kolon telah dibahaskan kerana keserasian pelayar. Walaupun penyemak imbas moden menyokong kedua-dua notasi, versi lama Internet Explorer (IE7 dan IE8) tidak menyokong notasi bertindih dua.

Notasi Titik Tunggal lwn. Kedua-dua Notasi

Menggunakan kedua-dua notasi untuk menyokong semua pelayar kelihatan menggoda, tetapi pendekatan ini tidak disyorkan. Menurut spesifikasi CSS 2.1, apabila ejen pengguna menemui pemilih yang tidak sah (mis., gabungan tatatanda bertindih tunggal dan berganda), ia harus mengabaikan keseluruhan peraturan.

Contoh Pemilih Tidak Sah:

.foo:after,
.foo::after { /*styles*/ }

Memilih Notasi Terbaik

Memandangkan potensi isu keserasian, menggunakan notasi kolon tunggal semata-mata adalah pilihan yang lebih dipercayai untuk pembangunan web semasa. Walaupun IE8 masih mempunyai bahagian pasaran yang boleh diabaikan, adalah penting untuk mempertimbangkan pangkalan penggunanya dan mengelakkan kemungkinan melanggar gaya untuk kumpulan pengguna yang kecil tetapi masih ketara.

Notasi Titik Berganda pada Masa Hadapan

Sekali Bahagian pasaran IE8 menjadi diabaikan, anda boleh menyemak semula isu penggunaan notasi bertindih berganda untuk memanfaatkan keupayaan penyasarannya yang lebih khusus. Walau bagaimanapun, buat masa ini, notasi kolon tunggal kekal sebagai pilihan yang paling praktikal.

Atas ialah kandungan terperinci Kolon Tunggal atau Berganda untuk unsur-unsur Pseudo CSS: Notasi Mana Yang Perlu Saya Gunakan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!