Nesta página https://www.eventbrite.com/checkout-external?eid=97762112109 gostaria de bloquear a caixa de seleção com a legenda "Eventbrite pode me enviar e-mails sobre os melhores eventos que acontecem nas proximidades." mas não os dois elementos com duas caixas de seleção logo acima disso.
No entanto, eles têm seletores de CSS muito semelhantes
.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)
respectivamente, e na maioria das páginas (como https://www.eventbrite.com/checkout-external?eid=97989109063 ) há apenas uma (a última) caixa de seleção para que o nth-child possa variar.
Alguma ideia de como bloquear apenas a última caixa de seleção em todas as páginas, tanto com apenas uma caixa de seleção quanto com várias caixas de seleção?
(Bloquear as duas primeiras caixas de seleção impede que a página funcione conforme o esperado)
uBlock no Firefox. Atualmente eu uso www.eventbrite.com##.eds-checkbox, mas bloqueia todas as caixas de seleção.
Inspecionei a estrutura do site manualmente e acho
eventbrite.com###buyer~sectionque é o que você deseja usar.Este seletor não é muito específico, mas não é pior do que o que você propôs.
Opcionalmente, você pode usar este sofisticado muito específico se realmente quiser ter certeza de não bloquear nada de errado:
eventbrite.com##section:has(>section>div>label>span:has-text(Eventbrite can send me emails about the best events happening nearby.))