scope

• Description
• Syntax
• Examples
• Links

The scope pseudo-class for CSS represents an element that is a reference point for selectors to match against.

:scope is equivalent to :root in the stylesheet.

selector:scope
{
    property: value;
}

• active
• any-link
• autofill
• blank
• checked
• default
• defined
• dir
• disabled
• empty
• enabled
• first-child
• first-of-type
• focus
• focus-visible
• focus-within
• fullscreen
• has
• hover
• in-range
• indeterminate
• invalid
• is
• lang
• last-child
• last-of-type
• link
• local-link
• modal
• not
• nth-child
• nth-col
• nth-last-child
• nth-last-col
• nth-last-of-type
• nth-of-type
• only-child
• only-of-type
• optional
• out-of-range
• picture-in-picture
• placeholder-shown
• popover-open
• read-only
• read-write
• required
• root
• target
• valid
• visited
• where

• World Wide Web Consortium (W3C)