Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Memilih Elemen Tanpa Kelas atau Atribut Tertentu dalam CSS?
Bagaimanakah Saya Boleh Memilih Elemen Tanpa Kelas atau Atribut Tertentu dalam CSS?
- Patricia Arquetteasal
- 2024-12-17 21:55:16337semak imbas
Menegaskan Pemilih Kelas dan Atribut dalam CSS
Perlu memilih elemen yang kekurangan kelas atau atribut tertentu? CSS menawarkan penyelesaian melalui :not() pseudo-class.
:not() Pseudo-Class
:not() pseudo-class membenarkan anda untuk menafikan pemilih, memilih elemen yang tidak sepadan dengan kriteria yang ditentukan. Biasanya, pemilih kelas digunakan seperti berikut:
:not(.printable) {
/* Styles for non-printable elements */
}
Begitu juga, pemilih atribut boleh dinafikan:
:not([attribute]) {
/* Styles for elements without the attribute */
}
Contoh
Pertimbangkan HTML berikut:
<html>
Untuk memilih semua elemen yang tidak mempunyai kelas "boleh dicetak", gunakan peraturan CSS berikut:
:not(.printable) {
background-color: lightgray;
}
Ini akan menyerlahkan nav dan elemen dalam kelabu muda.
Sokongan dan Alternatif Penyemak Imbas
IE8 dan lebih lama tidak menyokong :not(). Sebagai alternatif, anda boleh membuat peraturan gaya untuk elemen yang mempunyai kelas "boleh dicetak". Jika ini tidak dapat dilaksanakan, pertimbangkan untuk menstruktur semula penanda anda untuk menampung pengehadan.
Pertimbangan
Sifat seperti paparan: none on :not(.printable) akan mengalih keluar sepenuhnya elemen dan keturunannya daripada susun atur. Untuk mengelakkan perkara ini, gunakan keterlihatan: tersembunyi sebaliknya, yang membenarkan keturunan yang boleh dilihat ditunjukkan sementara elemen tersembunyi terus mempengaruhi reka letak.
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memilih Elemen Tanpa Kelas atau Atribut Tertentu dalam CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!