Mengapa Saya Tidak Boleh Menggabungkan Elemen Pseudo dan Kelas Khusus Vendor dalam Peraturan CSS Tunggal?

Mencampurkan Elemen Pseudo dan Kelas Khusus Vendor dalam CSS

Dalam CSS, kami sering menggunakan elemen pseudo dan kelas khusus vendor untuk meningkatkan keserasian penyemak imbas. Walau bagaimanapun, adalah tidak mungkin untuk menggabungkan ini menjadi satu set peraturan walaupun berkongsi sifat yang serupa.

Mengapa Tidak?

CSS2.1 menetapkan bahawa pemilih mesti sah sebelum ejen pengguna menggunakan blok pengisytiharan. Menandakan nama vendor dalam pemilih memperkenalkan aksara yang tidak dikenali untuk sesetengah penyemak imbas. Oleh itu, ejen pengguna mesti menggugurkan peraturan ini untuk mengekalkan kesahihan.

Khususnya:

• Pelayar vendor tidak memahami awalan masing-masing.
• Pemilih yang dipisahkan koma yang mengandungi awalan vendor akan mempunyai sekurang-kurangnya satu pemilih yang tidak dapat dikenali untuk setiap penyemak imbas, menyebabkan keseluruhan peraturan menjadi diabaikan.

Kesan pada Penggayaan

Sebagai contoh, apabila menggayakan teks pemegang tempat, pengehadan ini memaksa kami menulis berbilang peraturan berlebihan, kerana setiap vendor memerlukan yang berasingan awalan:

input:-moz-placeholder {
  font-style: italic;
  text-align: right;
}
input::-moz-placeholder {
  font-style: italic;
  text-align: right;
}
input:-ms-input-placeholder {
  font-style: italic;
  text-align: right;
}
input::-webkit-input-placeholder {
  font-style: italic;
  text-align: right;
}

Kesimpulan

Memahami had ini membolehkan kami mencipta gaya CSS yang sah dan konsisten. Walaupun awalan vendor kadangkala diperlukan untuk keserasian penyemak imbas, mencampurkannya dalam satu set peraturan tetap tidak dapat dilaksanakan kerana peraturan penghuraian khusus penyemak imbas.

Atas ialah kandungan terperinci Mengapa Saya Tidak Boleh Menggabungkan Elemen Pseudo dan Kelas Khusus Vendor dalam Peraturan CSS Tunggal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!