: mempunyai pemilih yang tidak dapat dilupakan

episod kecil berlaku semasa menerbitkan pemilih CSS

ke buku tahunan. Saya pada mulanya menggambarkan :has() sebagai pemilih "memaafkan", yang bermaksud bahawa apa -apa dalam parameternya akan dinilai walaupun satu atau lebih item tidak sah. :has()

/* 示例：请勿使用！*/
article:has(h2, ul, ::-scoobydoo) { }

adakah anda melihat

? Ini benar -benar tidak sah. Senarai pemilih yang memaafkan mengabaikan pemilih yang tidak sah dan terus menilai perkara lain seperti yang ditulis seperti ini: ::-scoobydoo

article:has(h2, ul) { }

Dalam draf sebelum 7 Mei, 2022,

memang pemilih yang toleran. Tetapi selepas melaporkan masalah, perkara berubah, yang menyatakan bahawa apabila :has() mengandungi pemilih kompleks (mis. ), Alam Toleransi Konflik dengan JQuery. W3C mendapati penyelesaian beberapa minggu yang lalu, untuk dirumuskan sebagai pemilih "tidak pengalihan". :has() header h2 p Jadi, contoh sebelumnya? Keseluruhan senarai pemilih tidak sah kerana pemilih tidak sah tidak sah. Tetapi dua lagi pemilih toleransi :has() dan

tetap sama.

:is() Terdapat penyelesaian untuk ini. Ingat bahawa :where() dan

memaafkan, walaupun

tidak. Ini bermakna kita boleh sarang kedua -dua pemilih ini dalam :is() untuk tingkah laku yang lebih toleran: :where() :has() :has() yang mana yang anda gunakan mungkin penting kerana kekhususan

ditentukan oleh item yang paling spesifik dalam senarainya. Oleh itu, jika anda memerlukan sesuatu yang kurang spesifik, sebaiknya gunakan

article:has(:where(h2, ul, ::-scoobydoo)) { }

kerana ia tidak meningkatkan skor kekhususan.

:is() :where() Kami telah mengemas kini beberapa jawatan untuk mencerminkan maklumat terkini. Saya telah melihat banyak perkara lain yang perlu dikemas kini di alam liar, jadi ini adalah pengumuman perkhidmatan awam yang kecil untuk sesiapa sahaja yang perlu melakukan perkara yang sama.

Atas ialah kandungan terperinci : mempunyai pemilih yang tidak dapat dilupakan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!