These should all be green

@supports (color: green)

@supports (color: green) and (width: 50px)

@supports (color: green) or (flogwizzle: purple)

@supports (not (flogwizzle: purple))

@supports selector(.simple)

@supports selector(a#more > .complicated.case:nth-child(42))

@supports selector(.easy) or selector(.....nope)

These should all be red

@supports (not (color: green))

@supports (color: green) and (width: 50px) or (color: green)

@supports (width: yellow) or (height: green)

@supports (flogwizzle: purple)

@supports selector(.....nope)

@supports selector(::-webkit-input-placeholder)

@supports selector(32) or selector(thing[foo??????bar])

Testing CSS.supports(property, value)

These should all be green, meaning they returned true

These should all be red, meaning they returned false

Testing CSS.supports(string)

These should all be green, meaning they returned true

These should all be red, meaning they returned false