@supports will change your life | Charlotte Jackson, Front-end developer
►http://www.lottejackson.com/learning/supports-will-change-your-life
we have a very powerful tool in CSS, which may be about to change your life. It’s called @supports.
With #@supports, you can write a conditional statement in your CSS to see whether or not a particular #CSS property is supported by the browser; and then depending on the answer, apply a block of code. It’s also known as a #Feature_Query.
Using #Feature_Queries in #CSS ★ Mozilla Hacks – the Web developer blog
▻https://hacks.mozilla.org/2016/08/using-feature-queries-in-css
There’s a tool in CSS that you might not have heard of yet. It’s powerful. It’s been there for a while. And it’ll likely become one of your favorite new things about CSS.
Behold, the #@supports rule. Also known as Feature Queries.
With @supports, you can write a small test in your CSS to see whether or not a particular “feature” (CSS property or value) is supported, and apply a block of code (or not) based on the answer.