focus-within

• Description
• Syntax
• Examples
• Links

The focus-within pseudo-class for CSS applies to any element for which the :focus pseudo class applies as well as to an element whose descendant in the flat tree (including non-element nodes, such as text nodes) matches the conditions for matching :focus.

selector:focus-within
{
    property: value;
}

• focus
• focus-visible

• active
• any-link
• autofill
• blank
• checked
• default
• defined
• dir
• disabled
• empty
• enabled
• first-child
• first-of-type
• focus
• focus-visible
• 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
• scope
• target
• valid
• visited
• where

• World Wide Web Consortium (W3C)