;extends

; CSS Selectors - ID selectors (#my-id)
; Priority: Must override default @constant capture
(id_selector "#" @punctuation.delimiter)
(id_selector (id_name) @CssIdentifier (#set! priority 200))

; CSS Selectors - Class selectors (.my-class)
(class_selector "." @punctuation.delimiter)
(class_selector (class_name) @CssClassName (#set! priority 200))

; CSS Selectors - Pseudo-class selectors (:hover, :focus, etc.)
(pseudo_class_selector ":" @punctuation.delimiter)
(pseudo_class_selector (class_name) @cssPseudoClass (#set! priority 200))

; CSS Selectors - Pseudo-element selectors (::before, ::after)
(pseudo_element_selector "::" @punctuation.delimiter)
(pseudo_element_selector (tag_name) @cssPseudoElement (#set! priority 200))

; CSS Selectors - Nesting selector (&)
(nesting_selector) @cssNestingSelector

; CSS Selectors - Universal selector (*)
(universal_selector) @CssUniversalSelector

; CSS Selectors - Tag/element selectors (div, p, etc.)
(tag_name) @HtmlTagName

; CSS Properties
((property_name) @CssProp)

; CSS Property values
(declaration (property_name) (_) @CssPropertyValue)

; CSS Units (px, em, rem, %, etc.)
(unit) @CssUnit

; CSS Media queries
(media_statement 
  (feature_query 
    (feature_name) @cssMediaFeatureName 
    (_ (unit) @cssMediaQueryValueUnit) @cssMediaQueryValue) @cssMediaQuery)