css3 - Apakah peranan css pseudo-class?

Question

Seperti yang ditunjukkan dalam gambar, inilah yang saya temui semasa saya menyemak soalan temuduga. Saya ingin bertanya kepada tuan apakah perbezaan khusus?
Bagaimanapun, saya tidak menemuinya semasa saya menulisnya saya masih tahu kesannya

Answer 1

Titik bertindih tunggal (:) digunakan untuk kelas pseudo CSS3, dan bertindih dua (::) digunakan untuk elemen pseudo CSS3.
Terdapat penerangan dalam spesifikasi W3C pada pemilih CSS3:

　Unsur pseudo diperbuat daripada dua titik bertindih (::) diikuti dengan nama unsur pseudo.

　Notasi :: ini diperkenalkan oleh dokumen semasa untuk mewujudkan diskriminasi antara kelas pseudo dan unsur pseudo Untuk keserasian dengan helaian gaya sedia ada, ejen pengguna juga mesti menerima notasi satu titik bertindih sebelumnya untuk unsur pseudo yang diperkenalkan dalam. CSS tahap 1 dan 2 (iaitu, :first-line, :first-letter, :before and :after) Keserasian ini tidak dibenarkan untuk pseudo-elemen baharu yang diperkenalkan dalam CSS tahap 3.

　Terjemahan mudah, idea umum ialah unsur pseudo terdiri daripada dua titik dua dan nama unsur pseudo. Kolon berganda telah diperkenalkan dalam spesifikasi semasa untuk membezakan kelas pseudo daripada unsur pseudo. Walau bagaimanapun, kelas pseudo serasi dengan gaya sedia ada dan penyemak imbas perlu menyokong kelas pseudo lama pada masa yang sama, seperti :first-line, :first-letter, :before, :after, dsb.

　Kini anda boleh menjawab sepenuhnya soalan dalam tajuk Untuk elemen pseudo yang wujud sebelum CSS2, seperti :before, titik bertindih tunggal dan bertindih berganda::before mempunyai kesan yang sama.

　Jadi, jika tapak web anda hanya perlu serasi dengan webkit, firefox, opera dan penyemak imbas lain, adalah disyorkan untuk menggunakan tulisan bertitik dua untuk elemen pseudo Jika ia perlu serasi dengan pelayar IE, adalah lebih selamat untuk menggunakan CSS2 tunggal tulisan kolon.

Answer 2

Baidu tahu masalah macam ni

Lihat:

Unsur pseudo https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-elements

Kelas pseudo https://developer.mozilla.org/zh-CN/docs/Web/CSS/Pseudo-classes