Saya cuba menulis skrip pengguna yang memilih objek dengan atribut Persekitaran menyokong pemilihan mengikut atribut; skrip pengguna ini dapat memilih elemen anak elemen sasaran: Persekitaran juga menyokong Akhir sekali, persekitaran menyokong Tetapi apabila saya cuba menggabungkan pemilih Walau bagaimanapun, ini mengembalikan ralat dalam Stylus pada Opera. Ralat pertama ialah Walaupun saya tidak dapat mencari sebarang maklumat sama ada [is 的 <div> <!-- do not select this -->
<div> <!-- do not select this -->
<ytd-rich-grid-media>
</ytd-rich-grid-media>
</div>
<div> <!-- DO select this -->
<ytd-rich-grid-media is-dismissed>
</ytd-rich-grid-media>
</div>
</div>
ytd-rich-grid-media[is-dismissed] {
display: none !important;
}
:has() 选择器；该脚本能够选择包含 div:has(ytd-rich-grid-media) {
display: none !important;
}
> 子选择器；此脚本能够选择 的直接子元素
div > ytd-rich-grid-media {
display: none !important;
}
:has() dengan mana-mana alat lain, semuanya rosak. Saya mahu CSS yang saya cari kelihatan seperti ini: div:has(> ytd-rich-grid-media[is-dismissed] ) {
display: none !important;
}
预期 RPAREN 但发现 '>'。；如果作为诊断步骤删除 >，则第一个错误将改为 Expected RPAREN but found '['.。如果我删除 [is-dismissed], ralat pertama masih ada. :has() 是否可以支持具有属性选择器的子项的信息，但我发现了一些资料（包括这个）表明> 选择器应该与 :has() boleh menyokong kanak-kanak dengan pemilih atribut, saya telah menemui beberapa sumber (termasuk yang ini) yang mencadangkan bahawa pemilih > harus berfungsi dengan baik dengan . Adakah ini pepijat pelaksanaan (dalam Opera dan/atau Stylus), gabungan pemilih CSS yang tidak disokong (sama ada dalam Opera atau dalam CSS secara keseluruhan), pepijat di pihak saya semasa memasang pemilih ini atau sesuatu yang lain? 🎜
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Kelihatan lebih seperti isu sambungan stylus.
Pemilih ini tersedia dalam Chrome Dev Tools dan Persekitaran CSS yang lain.