CSS Selector Level 4 » Relational pseudo-class

The relational pseudo-class represents elements whose relative scope selector matches when evaluated absolute.

Syntax

Copy
selector1:has(selector2) {
    /* declarations */
}

Example

Copy
header:has(h1) {
    background-color: blue;
}

The mentioned example applies a blue background color to the header element with <h1> sub elements.

Try example in CodePen

Browser support

Platform Chrome Firefox Safari Edge Internet Explorer Opera
Desktop No No No No No No
Mobile No No No No No No

Usage statistics (Alexa Top 500,000 sites)


Please wait a moment, the comments start loading now...
explorermozillachromesafariopera