CSS Selector Level 4 » Target container pseudo-class

The target container pseudo-class acts like :target by matching elements whose descendant in the flat tree matches the target as well.

# Syntax

Copy
:target-within {
    /* declarations */
}

# Example

Copy
article:target-within {
    background-color: #cccccc;
}

After clicking on the anchor jump link the article with its nested anchor element matching the target will get a grey background.

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 1,250,000 sites)


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