Bagaimanakah Saya Boleh Memilih Elemen HTML Tanpa Kelas atau Atribut Tertentu dalam CSS?-tutorial css-php.cn

Bagaimanakah Saya Boleh Memilih Elemen HTML Tanpa Kelas atau Atribut Tertentu dalam CSS?

Linda Hamilton

Lepaskan： 2024-12-27 09:34:14

asal

849 orang telah melayarinya

How Can I Select HTML Elements Without a Specific Class or Attribute in CSS?

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>

Salin selepas log masuk

J: Untuk memilih elemen tanpa "boleh dicetak" " dalam kes ini (iaitu, nav dan elemen), gunakan pemilih berikut:

:not(.printable) {
    /* Styles */
}

Salin selepas log masuk

Untuk atribut CSS, sintaks ialah serupa:

:not([attribute]) {
    /* Styles */
}

Salin selepas log masuk

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!