Rumah > hujung hadapan web > tutorial css > Kolon Tunggal atau Berganda untuk unsur-unsur Pseudo CSS: Notasi Mana Yang Perlu Saya Gunakan?

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

Susan Sarandon
Lepaskan: 2024-11-16 19:06:03
asal
374 orang telah melayarinya

Single or Double Colon for CSS Pseudo-elements: Which Notation Should I Use?

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*/ }
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan