Remove Inversion

Check that remove inversion functionality is working as expected.

Basic :not(:-abp-properties()) usage with remove

Test that a remove filter using a :not(:-abp-properties()) selector removes its target.

Target

Example Content

Target removed

Steps

Add filter #1.
Refresh page.
The DOM should have the red element removed, and replaced with a green element.

Filters

localhost#?#.removei-properties:not(:-abp-properties(width: 137px)) {remove: true;}

Basic :not(:-abp-has()) usage with remove

Test that a remove filter using a :not(:-abp-has()) selector removes its target.

Target

Example Content

Target removed

Steps

Add filter #1.
Refresh page.
The DOM should have the red element removed, and replaced with a green element.

Filters

localhost#?#.removei-has:not(:-abp-has(span.removei-has-not-hide)) {remove: true;}

Basic :not(:-abp-contains()) usage with remove

Test that a remove filter using a not(:-abp-contains()) selector removes its target.

Target example-content

Target removed

Steps

Add filter #1.
Refresh page.
The DOM should have the red element removed, and replaced with a green element.

Filters

localhost#?#.removei-contains:not(span:-abp-contains(example-content)) {remove: true;}

Chained extended selectors with not() selector with remove

Test that a remove filter using several of the extended selectors and not() selector removes its target.

Target

Example Content

Target removed

Steps

Add filter #1.
Refresh page.
The DOM should have the red element removed, and replaced with a green element.

Filters

localhost#?#.removei-chained-parent:not(:-abp-has(> div:-abp-properties(width: 138px))) {remove: true;}

Case insensitive extended selectors with not() selector with remove

Test that a remove filter is case insensitive and still removes its target.

Target

Example Content

Target removed

Steps

Add filter #1.
Refresh page.
The DOM should have the red element removed, and replaced with a green element.

Filters

localhost#?#.removei-case:not(:-abp-properties(WiDtH: 139px)) {remove: true;}

Wildcard in extended selector combined with :not() selector with remove

Test that a remove filter using wildcards still not removes its target.

Target

Example Content

Target removed

Steps

Add filter #1.
Refresh page.
The DOM should have the red element removed, and replaced with a green element.

Filters

localhost#?#.removei-wildcard:not(:-abp-properties(cursor:*)) {remove: true;}

Regular expression in :not(:-abp-properties()) with remove

Test that a remove filter using regular expressions still removes its target.

Target

Not a target

Example Content

Target removed

Steps

Add filter #1.
Refresh page.
The DOM should have both the red element removed, and replaced with a green element.

Filters

localhost#?#.removei-regex:not(:-abp-properties(/width: 14[1-5]px;/)) {remove: true;}

Regular expression in :not(:-abp-contains()) with remove

Test that a remove filter using regular expressions still removes its target.

removei-containsregextarget removei-containsregextarget2 example-contentregex1 example-contentregex2

Target removed

Steps

Add filter #1.
Refresh page.
Both red target elements should be hidden and the space collapsed.

Filters

localhost#?#.removei-contains-regex:not(span:-abp-contains(/example-contentregex\d/)) {remove: true;}