Mengapa Kami Tidak Boleh Menggabungkan Pemilih Pemegang Tempat Khusus Vendor dalam Peraturan CSS Tunggal?

Menyingkap Enigma Menggabungkan Pemilih Khusus Vendor

Dalam bidang CSS, teka-teki penggayaan teks pemegang tempat merentas berbilang penyemak imbas ditemui . Untuk mencapai sokongan penyemak imbas yang optimum, gabungan kelas pseudo dan elemen pseudo khusus vendor digunakan. Walau bagaimanapun, terdapat kemusykilan yang membingungkan: mengapa tidak boleh menggabungkan ini ke dalam satu set peraturan seperti biasa dalam senario CSS lain?

Menyelidiki kedalaman spesifikasi CSS2.1 merungkai jawapannya. Ia memberi mandat bahawa pemilih ditakrifkan sebagai segala-galanya yang membawa kepada pendakap kerinting kiri pertama ({). Apabila ejen pengguna menemui pemilih yang tidak dapat dihuraikan, ia mesti mengabaikan kedua-dua pemilih dan blok perisytiharan berikutnya.

Implikasinya ialah penyemak imbas dengan awalan tertentu mungkin tidak memahami pemilih dengan awalan khusus vendor lain , yang membawa kepada pengecualian peraturan yang menyebut awalan tidak dikenali ini dalam pemilih. Akibatnya, percubaan untuk menggabungkan peraturan ini menjadi satu set peraturan yang dipisahkan koma, seperti ini:

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

akan terbukti sia-sia. Ejen pengguna hanya akan menggunakan gaya pada pemilih yang diiktiraf, menyebabkan penggayaan tidak konsisten merentas penyemak imbas.

Peraturan rumit ini mempunyai tujuan. Ia memastikan penyemak imbas mematuhi sintaks CSS yang diiktiraf dan hanya melaksanakan peraturan yang mereka fahami sepenuhnya. Dengan menguatkuasakan ini, sebarang kemungkinan ketidakkonsistenan atau ralat pemaparan akibat penyelewengan khusus vendor dielakkan.

Atas ialah kandungan terperinci Mengapa Kami Tidak Boleh Menggabungkan Pemilih Pemegang Tempat Khusus Vendor dalam Peraturan CSS Tunggal?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!