在此页面https://www.eventbrite.com/checkout-external?eid=97762112109我想阻止带有图例“Eventbrite 可以向我发送有关附近发生的最佳事件的电子邮件”的复选框。但不是上面有两个复选框的两个元素。
但是,它们有非常相似的 CSS 选择器
.eds-l-mar-bot-4 > div:nth-child(1) > label:nth-child(3) > span:nth-child(1)
#A-e6af8ecdbc0e4cfb9dffa92eaac12e8b\.U-31705869 > div:nth-child(1) > div:nth-child(1) > label:nth-child(3) > span:nth-child(1)
分别,并且在大多数页面(例如https://www.eventbrite.com/checkout-external?eid=97989109063)上只有一个(最后一个)复选框,因此第 n 个子项可能会有所不同。
任何想法如何仅阻止所有页面上的最后一个复选框,它们都只有一个复选框以及具有多个复选框的那些?
(阻止前两个复选框会阻止页面按预期工作)
Firefox 中的 uBlock。目前我使用www.eventbrite.com##.eds-checkbox
,但它阻止所有复选框。
我手动检查了站点结构,我认为
eventbrite.com###buyer~section
这是您想要使用的。这个选择器不是很具体,但并不比你建议的差。
如果您真的想确保不阻止任何错误,您可以选择使用这个非常具体的花哨:
eventbrite.com##section:has(>section>div>label>span:has-text(Eventbrite can send me emails about the best events happening nearby.))