ABP Custom Filter - How to select/Hide Parent element

Question

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

for example:

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

The custom filter of AdBlockPlus to select abx will be:

##span#abx

But how to select its parent element? because we need to hide all siblings of identified element.

(moving this as a comment) It may be possible to find a workaround by looking at the problem from a different angle. E.g. If all your other divs have id or class, you could filter them out like div:not([class]):not([id]) — Zlatin Zlatev, Aug 24 '16 at 09:54

Przemek · Answer 1 · 2017-03-27T15:50:25.920

8

You can't do that, because of limitations of CSS 3.

It will be possible after implementation of the relational pseudo-class: :has() from Selectors Level 4, with following syntax:

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

Current support for this feature.

edited Mar 27 '17 at 15:50

answered Jan 25 '14 at 12:25

Przemek

2

Are there any browsers that currently let you do that with AdBlockPlus? – orrd Apr 23 '15 at 20:46
1

@orrd: None I know about. – Przemek Feb 17 '16 at 10:47
@orrd #?#div:-abp-has(span###abx) – Mark Choi May 20 '20 at 14:51
I'm happy to announce that it's now possible: https://developer.mozilla.org/en-US/docs/Web/CSS/:has – Code4Art Apr 02 '23 at 13:24

score 4 · Answer 2 · edited Aug 06 '23 at 07:57

4

You can use an AdblockPlus CSS selector.

#?#div:-abp-has(span###abx)

edited Aug 06 '23 at 07:57

Dev-iL

answered May 20 '20 at 14:48

Mark Choi

Krzysztof Kot · Answer 3 · 2017-03-25T05:01:12.977

It would be possible using relational pseudo class :has but it is not currently supported.

This feature has not been part of CSS before because of performance.

There is polyfill in uBlock Origin.

3 Answers3