CSS · More selectors

:scope

Matches the element a selector is scoped to. Useful inside components and querySelector calls.

cssRunnable example css course

Syntax

:scope

Example

Try it

.demo:scope { border: 2px solid #2f74c0; }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.