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

Dilema Bertindih Berganda: Tunggal atau Berganda untuk Elemen Pseudo?

Dalam dunia elemen pseudo CSS, elemen-tunggal (cth., :after) dan notasi bertitik dua (cth., ::after) telah mencetuskan perdebatan di kalangan pembangun. Memandangkan IE7 dan IE8 kekurangan sokongan untuk bertitik dua, ada yang mempersoalkan sama ada adalah bijak untuk menggunakan kolon tunggal semata-mata, dengan pilihan untuk berbalik semula kemudian.

Hujah untuk Titik Tunggal Sekarang

Penyokong menggunakan hanya notasi bertitik tunggal memetik sokongan meluas untuknya dalam penyemak imbas moden. Pendekatan ini menghapuskan keperluan untuk peraturan berasingan untuk keserasian ke belakang dengan IE7 dan IE8.

Kes untuk Kolon Berganda

Yang lain berpendapat bahawa menggunakan bertitik dua bersama bertitik tunggal , seperti yang dilihat dalam sampel kod:

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

memberikan fleksibiliti tambahan. Dengan memasukkan peraturan bertitik dua, pembangun boleh menyasarkan penyemak imbas masa hadapan yang mungkin menawarkan pilihan penggayaan yang dipertingkatkan khusus untuk elemen pseudo bertitik dua.

Amaran: Elakkan Notasi Gabungan

Adalah penting untuk ambil perhatian bahawa menggunakan kedua-dua titik bertindih tunggal dan berganda dalam satu peraturan, dipisahkan dengan koma, adalah sangat tidak digalakkan. Penyemak imbas mungkin mengabaikan keseluruhan peraturan jika ia termasuk ralat sintaks, seperti gabungan titik bertindih tunggal dan berganda.

Syor: Titik Tunggal Untuk Sekarang

Untuk keserasian maksimum dan kesederhanaan, adalah disyorkan untuk kekal dengan notasi bertitik tunggal buat masa ini. Apabila IE7 dan IE8 semakin tidak jelas, pembangun kemudian boleh menilai semula penggunaan tatatanda bertitik dua untuk potensi peningkatan.

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