The: not () Selector mensasarkan elemen yang tidak sepadan dengan keadaan tertentu, membolehkan gaya yang tepat tanpa kelas tambahan. Sebagai contoh, p: tidak (.intro) memilih perenggan kecuali mereka yang mempunyai kelas "intro", input: tidak ([dilumpuhkan]) sasaran yang membolehkan input, dan li: tidak (: anak terakhir) menambah jarak antara item senarai kecuali yang terakhir. Ia menyokong kes-kes penggunaan biasa seperti gaya dalaman gaya atau memohon sempadan ke input kotak bukan. Walaupun: tidak () tidak boleh bersarang dan hanya menerima pemilih yang mudah, pelbagai syarat boleh dirantai: P: tidak (.lead): tidak (.quote) menggunakan gaya untuk perenggan yang tidak mempunyai kedua -dua kelas. Ini mengurangkan kekacauan HTML dan meningkatkan kecekapan CSS, dengan sokongan penyemak imbas moden yang luas.

The : not () pemilih dalam CSS adalah kelas pseudo yang membolehkan anda menargetkan unsur-unsur yang tidak sepadan dengan pemilih tertentu. Ia berguna untuk menggunakan gaya kepada unsur -unsur sambil tidak termasuk yang tertentu, membantu anda menulis CSS yang lebih tepat dan cekap tanpa memerlukan kelas tambahan atau JavaScript.

Sintaks asas

The : not () pemilih mengambil satu hujah - pemilih mudah (seperti tag, kelas, id, atau atribut) - dan sepadan dengan mana -mana elemen yang tidak sesuai dengan penerangan itu.

Contohnya:

• p:not(.intro) Memilih semua <p></p> elemen kecuali mereka yang mempunyai intro kelas.
• input:not([disabled]) Memilih semua elemen input yang tidak dilumpuhkan.
• :not(.hidden) terpakai kepada mana -mana elemen yang tidak mempunyai kelas hidden .

Kes penggunaan biasa

Berikut adalah contoh praktikal cara menggunakan : tidak () :

• Pautan gaya kecuali yang luar:
  a:not([href*="http"]) { color: blue; }
  Ini menyimpan pautan dalaman biru dan tidak termasuk pautan luaran dari peraturan.
• Menambah margin antara item senarai, tetapi bukan yang terakhir:
  li:not(:last-child) { margin-bottom: 10px; }
  Mengelakkan menambah ruang tambahan selepas item akhir.
• Memohon sempadan untuk membentuk input kecuali kotak pilihan:
  input:not([type="checkbox"]) { border: 1px solid #ccc; }

Bersarang dan batasan

Anda tidak boleh bersarang : tidak () di dalam dirinya sendiri (misalnya , :not(:not(...)) ) dalam kebanyakan pelayar, dan ia hanya menerima pemilih mudah tunggal sebagai hujah - tidak ada kombinator seperti pemilih div p atau kompleks.

Walau bagaimanapun, anda boleh berantai pelbagai : tidak () syarat menggunakan pemilih kompaun:

Ini mensasarkan perenggan yang tidak mempunyai kelas lead atau quote .

Pada asasnya ,: tidak () membantu mengurangkan kelebihan dan mengekalkan pembersih HTML anda dengan membiarkan CSS mengendalikan pengecualian secara langsung. Ingatlah untuk memastikan hujah mudah dan ujian penyemak imbas jika diperlukan - walaupun sokongan moden sangat baik.

Atas ialah kandungan terperinci Apakah CSS: tidak () pemilih dan cara menggunakannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!