1(comment) @comment
  2
  3[
  4  (tag_name)
  5  (nesting_selector)
  6  (universal_selector)
  7] @tag
  8
  9[
 10  "~"
 11  ">"
 12  "+"
 13  "-"
 14  "|"
 15  "*"
 16  "/"
 17  "="
 18  "^="
 19  "|="
 20  "~="
 21  "$="
 22  "*="
 23] @operator
 24
 25[
 26  "and"
 27  "or"
 28  "not"
 29  "only"
 30] @keyword.operator
 31
 32(id_name) @selector.id
 33(class_name) @selector.class
 34
 35(namespace_name) @namespace
 36(namespace_selector (tag_name) @namespace "|")
 37
 38(attribute_name) @attribute
 39(pseudo_element_selector "::" (tag_name) @selector.pseudo)
 40(pseudo_class_selector ":" (class_name) @selector.pseudo)
 41
 42[
 43  (feature_name)
 44  (property_name)
 45] @property
 46
 47(function_name) @function
 48
 49[
 50  (plain_value)
 51  (keyframes_name)
 52  (keyword_query)
 53] @constant.builtin
 54
 55(attribute_selector
 56  (plain_value) @string)
 57
 58(parenthesized_query
 59  (keyword_query) @property)
 60
 61(
 62  [
 63    (property_name)
 64    (plain_value)
 65  ] @variable
 66  (#match? @variable "^--")
 67)
 68
 69[
 70  "@media"
 71  "@import"
 72  "@charset"
 73  "@namespace"
 74  "@supports"
 75  "@keyframes"
 76  (at_keyword)
 77  (to)
 78  (from)
 79  (important)
 80] @keyword
 81
 82(string_value) @string
 83(color_value) @string.special
 84
 85[
 86  (integer_value)
 87  (float_value)
 88] @number
 89
 90(unit) @type.unit
 91
 92[
 93  ","
 94  ":"
 95  "."
 96  "::"
 97  ";"
 98] @punctuation.delimiter
 99
100(id_selector "#" @punctuation.delimiter)
101
102[
103  "{"
104  ")"
105  "("
106  "}"
107  "["
108  "]"
109] @punctuation.bracket