hide-if-shadow-contains
Last updated
Last updated
The hide-if-shadow-contains
snippet hides any HTML element (or one of its ancestors) that matches a CSS selector if the text content of the element's shadow contains a given string.
You can use the hide-if-shadow-contains
snippet to hide an element based on its shadow's text.
Name | Description | Mandatory |
---|---|---|
The following table lists examples that use the hide-if-shadow-contains
snippet:
Filter | Result |
---|---|
search
The string to look for in every HTML element's shadow. If the string begins and ends with a slash (/), the text in between is treated as a regular expression.
Yes
selector
The CSS selector that an HTML element must match for it to be hidden.
Yes
hide-if-shadow-contains ads nav
Hides any nav
element whose shadow's text content contains the word ads
.
hide-if-shadow-contains /^[0-9]+$/ .container
Hides any .container
element whose shadow's text matches the /^[0-9]+$/
regular expression. (consists in a number)