Feature detection in CSS using the @supports rule

Feature detection with the @supports rule

Opera was the first to implement a cool feature with CSS. With the @supports rule, you can detect if CSS supports a feature.

The syntax looks like this:
@supports (display:block) {
  .myElement { display: block}
}
Ofcourse, we can also dectect if something is not supported:
@supports not (display:flex) {
  .myElement { display: block}
}
Does your browser support the @support tag? YES NO