CSS组合:has、子选择器与属性选择器报错问题求助

你的选择器写法div:has(> ytd-rich-grid-media[is-dismissed])在CSS标准中是合法的，但在Opera的Stylus扩展中报错，主要原因是Stylus旧版本的解析器对:has()内部的直接子选择器（>）支持不完善，属于实现层面的bug。

可以尝试以下几种解决方式：

• 更新Stylus到最新版本：新版本的Stylus已经修复了不少:has()相关的解析问题，更新后大概率能正常识别该选择器。
• 添加:scope明确上下文：把选择器修改为div:has(:scope > ytd-rich-grid-media[is-dismissed])，通过:scope指定当前元素的上下文，帮助解析器正确识别内部的直接子选择器。
• 临时替代方案：如果以上方法无效，可以先使用div:has(ytd-rich-grid-media[is-dismissed])选中包含目标元素的div，再通过额外的CSS规则排除非直接子元素的情况（比如配合div > ytd-rich-grid-media[is-dismissed]的组合判断）。

另外，也可以在Stylus的设置中开启“使用原生CSS解析器”选项（如果有的话），跳过Stylus自身的解析层，直接用浏览器原生的CSS引擎处理，这样也能避免解析器的兼容性问题。

内容的提问来源于stack exchange，提问作者redyoshi49q