Penggayaan CSS untuk Input Dilumpuhkan: dilumpuhkan** Pemilih Atribut lwn. :Kelas Pseudo dilumpuhkan
Ikhtisar
Apabila menggayakan elemen input yang dilumpuhkan, pembangun mempunyai dua pilihan:
.myInput[disabled] { ... }
.myInput:disabled { ... }
Pendekatan manakah yang lebih kontemporari dan dinasihatkan untuk kegunaan masa hadapan?
Jawab
Pemilih atribut telah tersedia sejak CSS2 dan tidak dianggap sebagai pendekatan CSS3 moden.
Pertimbangan Teknikal
Pemilih atribut bergantung pada kehadiran atribut yang dilumpuhkan untuk menggunakan penggayaan. Unsur bukan HTML atau semakan HTML pada masa hadapan mungkin tidak mengikut konvensyen ini, mengakibatkan gaya tidak sepadan.
Pseudo-Class Menawarkan Kebebasan UI
Kelas pseudo :disabled, diperkenalkan dalam Selectors 3, menyasarkan elemen berdasarkan keadaan dilumpuhkan mereka, tanpa mengira atribut khusus yang digunakan untuk menunjukkan keadaan tersebut. Ini ditentukan oleh bahasa dokumen.
Keserasian Pelayar
Kedua-dua pemilih atribut dan kelas pseudo disokong secara meluas oleh penyemak imbas moden.
Pertimbangan Semantik
Kelas Pseudo seperti :enabled dan :disabled menyampaikan semantik khusus tentang elemen yang disasarkan. Ini boleh meningkatkan kebolehbacaan dan kebolehselenggaraan kod CSS.
Pengesyoran
Untuk penggayaan HTML yang tidak membimbangkan keserasian merentas pelayar, :enabled dan : kelas pseudo yang dilumpuhkan lebih disukai kerana faedah semantiknya dan kebebasan daripada atribut khusus dokumen.
Nota Tambahan
Menetapkan sifat yang dilumpuhkan pada elemen DOM turut mengubah suai atribut dilumpuhkan elemen HTML. Ini menunjukkan bahawa dari sudut manipulasi DOM, tiada perbezaan fungsi antara menggunakan pemilih atribut atau kelas pseudo.
Atas ialah kandungan terperinci Berikut ialah beberapa pilihan tajuk yang sesuai dengan format soal jawab, ringkas dan mencerminkan perkara utama artikel: * Penggayaan Input Dilumpuhkan: Pemilih Atribut lwn. :Kelas Pseudo dilumpuhkan - Yang mana. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!