Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Memilih Elemen HTML Tanpa Kelas atau Atribut Tertentu dalam CSS?
Bagaimanakah Saya Boleh Memilih Elemen HTML Tanpa Kelas atau Atribut Tertentu dalam CSS?
- Linda Hamiltonasal
- 2024-12-27 09:34:14780semak imbas
Memilih Elemen Tanpa Kelas atau Atribut Tertentu
S: Adakah mungkin untuk menulis pemilih CSS yang memilih elemen yang tidak mempunyai kelas tertentu atau atribut?
Dalam kebanyakan kes, ia boleh dilaksanakan dengan :not() kelas pseudo. Sebagai contoh, memandangkan HTML di bawah, pemilih boleh ditulis untuk memilih semua elemen yang tidak mempunyai kelas "boleh dicetak":
<html>
J: Untuk memilih elemen tanpa "boleh dicetak" " dalam kes ini (iaitu, nav dan elemen), gunakan pemilih berikut:
:not(.printable) {
/* Styles */
}
Untuk atribut CSS, sintaks ialah serupa:
:not([attribute]) {
/* Styles */
}
Pertimbangan untuk IE8 dan Terdahulu: Ambil perhatian bahawa IE8 dan lebih awal tidak menyokong :not(). Sebagai penyelesaian, pertimbangkan elemen penggayaan yang mempunyai kelas "boleh dicetak". Jika pendekatan ini tidak praktikal, anda mungkin perlu mengubah suai penanda anda untuk menampung pengehadan.
Awas: Bergantung pada sifat yang digunakan, menggunakan :not() boleh memberi kesan kepada unsur keturunan dengan cara yang tidak dijangka . Sebagai contoh, tetapan paparan: none on :not(.printable) akan mengalih keluar elemen dan subpokoknya daripada reka letak, menjejaskan malah unsur keturunan yang mempunyai kelas "boleh dicetak". Berhati-hati apabila menggunakan sifat yang berpotensi bermasalah dan pertimbangkan untuk menggunakan keterlihatan: tersembunyi.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Elemen HTML Tanpa Kelas atau Atribut Tertentu dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!