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

Notasi Titik Tunggal atau Berganda untuk Elemen Pseudo: Menjelaskan Dilema

Mengenai penggunaan notasi kolon tunggal atau berganda untuk pseudo- elemen, adalah penting untuk mempertimbangkan keserasian penyemak imbas. Memandangkan IE7 dan IE8 tidak menyokong tatatanda bertitik dua, adakah seseorang itu harus menggunakan tatatanda bertitik tunggal? Atau adakah kedua-dua notasi harus disertakan untuk memenuhi pelayar lama?

Jawapannya: Teruskan dengan Berhati-hati

Menggunakan kedua-dua notasi yang dipisahkan dengan koma (cth., .foo:after , .foo::after) tidak disyorkan. Menurut spesifikasi CSS 2.1, sebarang ralat dalam pemilih akan menyebabkan keseluruhan peraturan diabaikan. Ini bermakna penyemak imbas yang mematuhi CSS 2.1 (tidak mampu CSS3) akan mengabaikan keseluruhan peraturan jika kedua-dua notasi digunakan.

Alternatif yang Berdaya maju

Jika keserasian dengan penyemak imbas lama kekal kebimbangan, seseorang boleh memilih pendekatan yang sedikit berbeza:

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

Walaupun kaedah ini memastikan keserasian dengan penyemak imbas yang menyokong kedua-dua tatatanda, ia menambahkan kata kerja yang tidak perlu.

Pengesyoran Semasa

Untuk projek semasa, adalah bijak untuk mematuhi tatatanda bertitik tunggal (:: ) untuk unsur pseudo. Ini kerana kebanyakan penyemak imbas moden sudah menyokong notasi ini untuk keserasian ke belakang. Memandangkan bahagian pasaran IE8 terus menurun, keperluan untuk menangani pelayar lama akan berkurangan dari semasa ke semasa.

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