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
 34(class_name) @selector.class
 35
 36(namespace_name) @namespace
 37
 38(namespace_selector
 39  (tag_name) @namespace
 40  "|")
 41
 42(attribute_name) @attribute
 43
 44(pseudo_element_selector
 45  "::"
 46  (tag_name) @selector.pseudo)
 47
 48(pseudo_class_selector
 49  ":"
 50  (class_name) @selector.pseudo)
 51
 52[
 53  (feature_name)
 54  (property_name)
 55] @property
 56
 57(function_name) @function
 58
 59[
 60  (plain_value)
 61  (keyframes_name)
 62  (keyword_query)
 63] @constant.builtin
 64
 65(attribute_selector
 66  (plain_value) @string)
 67
 68(parenthesized_query
 69  (keyword_query) @property)
 70
 71([
 72  (property_name)
 73  (plain_value)
 74] @variable
 75  (#match? @variable "^--"))
 76
 77[
 78  "@media"
 79  "@import"
 80  "@charset"
 81  "@namespace"
 82  "@supports"
 83  "@keyframes"
 84  (at_keyword)
 85  (to)
 86  (from)
 87  (important)
 88] @keyword
 89
 90(string_value) @string
 91
 92(color_value) @string.special
 93
 94[
 95  (integer_value)
 96  (float_value)
 97] @number
 98
 99(unit) @type.unit
100
101[
102  ","
103  ":"
104  "."
105  "::"
106  ";"
107] @punctuation.delimiter
108
109(id_selector
110  "#" @punctuation.delimiter)
111
112[
113  "{"
114  ")"
115  "("
116  "}"
117  "["
118  "]"
119] @punctuation.bracket