CSS :has() pseudo-class

GPTKB entity

Statements (17)
Predicate Object
gptkbp:instanceOf CSS pseudo-class
gptkbp:author gptkb:CSS_Working_Group
gptkbp:category Structural pseudo-class
gptkbp:describes A relational pseudo-class that matches an element if it contains a selector matching its argument.
gptkbp:example div:has(> img) selects divs with a direct child img
gptkbp:hasSyntax :has(<relative-selector-list>)
https://www.w3.org/2000/01/rdf-schema#label CSS :has() pseudo-class
gptkbp:introducedIn gptkb:CSS_Selectors_Level_4
gptkbp:limitation May have performance implications on large DOMs
gptkbp:specifies https://www.w3.org/TR/selectors-4/#relational
gptkbp:supportedBy Not supported in Firefox (as of June 2024)
Supported in Chrome 105+
Supported in Edge 105+
Supported in Safari 15.4+
gptkbp:uses Select parent elements based on their children
gptkbp:bfsParent gptkb:Safari_16.4+
gptkbp:bfsLayer 6