1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48
div
span[foo=bar]
color red
div input,
input:nth-child(2n)
color red
#foo
.bar::before
color red
#foo
.bar {
color red
}
{foo} {bar}:hover
color red
----------------------------------------------------
[
["selector", ["div\r\nspan[foo=bar]"]],
["property-declaration", [["property", ["color"]], " red"]],
["selector", ["div input", ["punctuation", ","], "\r\ninput:nth-child(2n)"]],
["property-declaration", [["property", ["color"]], " red"]],
["selector", ["#foo"]],
["selector", [".bar::before"]],
["property-declaration", [["property", ["color"]], " red"]],
["selector", ["#foo"]],
["selector", [".bar ", ["punctuation", "{"]]],
["property-declaration", [["property", ["color"]], " red"]],
["punctuation", "}"],
["selector", [
["interpolation", [
["punctuation", "{"], "foo", ["punctuation", "}"]
]],
["interpolation", [
["punctuation", "{"], "bar", ["punctuation", "}"]
]],
":hover"
]],
["property-declaration", [["property", ["color"]], " red"]]
]
----------------------------------------------------
Checks for selectors.