@supports Lies: When CSS Says 'Yes' but Browsers Say 'LOL No'

According to the CSS specification, the @supports at-rule must be placed at the top level or nested inside another conditional group at-rule. However, browsers also allow code like this (which, at least in theory, is not valid): .my-class { @supports ( property : value ) { ... } } And that's confusing. Either browsers should ignore the nested @supports entirely (or always execute it, since browsers are often forgiving with HTML and CSS), or they should apply it relative to the nested-in rule. Ap