Kolon Tunggal atau Berganda untuk elemen Pseudo CSS: Notasi Mana Yang Perlu Digunakan oleh Pembangun?

Menggunakan Notasi Kolon Tunggal atau Berganda untuk Elemen Pseudo: Keputusan untuk Pembangun

Kolon tunggal CSS (: notasi unsur pseudo telah disokong untuk keserasian ke belakang oleh penyemak imbas moden, manakala Internet Explorer 7 dan 8 masih menggunakan titik dua bertindih (::) notasi. Ini menimbulkan persoalan untuk pembangun: notasi yang manakah harus digunakan?

Sesetengah berpendapat bahawa menggunakan kedua-dua notasi dalam kombinasi melalui koma boleh memenuhi kedua-dua pengguna IE8 dan penyemak imbas moden adalah tidak digalakkan. Menurut piawaian CSS 2.1, jika ejen pengguna tidak dapat menghuraikan pemilih, ia mesti mengabaikan keseluruhan blok peraturan oleh itu, pengguna yang mematuhi CSS 2.1 ejen akan mengabaikan keseluruhan peraturan untuk pemilih menggunakan kedua-dua notasi.

Untuk keserasian yang lebih baik dengan IE8, menggunakan kedua-dua notasi secara berasingan ialah pilihan:

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

Walau bagaimanapun, pendekatan ini boleh digunakan secara bertele-tele dan tidak perlu.

Buat masa ini, penggunaan notasi bertitik tunggal disyorkan kerana ia mengekalkan keserasian ke belakang dengan pelayar moden sambil menampung bahagian pasaran IE8 yang semakin berkurangan. Sebaik sahaja penggunaan IE8 menjadi diabaikan, penyelesaian cari dan ganti dalam pangkalan kod boleh dengan mudah beralih kepada tatatanda bertitik dua, menawarkan sokongan yang lebih besar untuk penggayaan elemen pseudo merentas semua penyemak imbas.

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