Comment on page

hide-if-shadow-contains

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.
Parameters
Name
Description
Mandatory
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
Filter examples
The following table lists examples that use the hide-if-shadow-contains snippet:
Filter
Result
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)
Other resources
​Getting started with XPath filters​
​CSS to XPath converter​
​DevHints XPath cheatsheet​

Name	Description	Mandatory
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

Filter	Result
`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)

Last modified 9mo ago