Custom ABP Filter - How to Select / Hide Parent Element

Question

I want to know if there is a way to hide the parent of the identified element.

eg:

<div> <span id="abx">some garbage content</span> <div>other garbage containers not having any class or id</div> </div> 

The custom AdBlockPlus filter for choosing abx will be:

 ##span#abx 

But how to choose its parent? because we need to hide all the brothers and sisters of the identified element.

Answer 1

You cannot do this due to CSS 3 limitations.

After implementing relational pseudo-class :: has () from the Level 4 Selector, the following syntax will be available:

After implementation / p>

 example.com##div:has(> #abx) 

for this function.

Answer 2

It would be possible to use a relational pseudo-class: yes, but it is not currently supported.

• https://drafts.csswg.org/selectors/#relational
• http://css4.rocks/selectors-level-4/relational-pseudo-class.php

(The object selector is removed from the specification: http://css4.rocks/selectors-level-4/subject-of-selector.php )

This feature has not been part of CSS before due to performance .

There is a polyfill in uBlock Origin .