我有两条规则:
// case1
##body:has(button[aria-label="違反報告"]) div[class*=__ReactionCounter]
##body:has(button[aria-label="違反報告"]) div[class*=__ItemReactionCounter]
但是这组规则是多余的,我更喜欢"或"如果可能的话。
所以,我尝试了以下操作:
// case2
##body:has(button[aria-label="違反報告"]) div[class*=__ReactionCounter],div[class*=__ItemReactionCounter]
但这实际上并没有像上面那样阻止元素。这个可以像这样展开:
// case3
##body:has(button[aria-label="違反報告"]) div[class*=__ReactionCounter]
##div[class*=__ItemReactionCounter]
这不是我想要的
注意:页面中可以实际测试规则detail.chiebukuro.yahoo.co.jp/qa/question_detail/q11271989336
那么,是否可以使用"OR"(他们有吗?)或正确执行规则的东西(案例2)?谢谢你的帮助。
我不相信有OR过滤器,但是有动态过滤。
更多信息可以在这里找到:动态过滤:快速指南
问题解决了。您可以使用:is()
CSS选择器。
选择器列表- CSS:层叠样式表| MDN
所以在上面的情况下,你可以像这样使用:is()
来创建一个选择器列表来对它们进行分组。
##body:has(button[aria-label="違反報告"]) :is(div[class*=__ReactionCounter], div[class*=__ItemReactionCounter])