HTML & CSS · Middle · Question 58 of 75

What is `@supports` for?

@supports (display: grid) {
  .layout { display: grid; }
}

✓Correct answer: Applying styles only if the browser supports a CSS feature (progressive enhancement)
2Detecting the user's browser name
3Loading polyfills automatically

Explanation

It checks feature support, not browsers. @supports selector(:has(a)) tests selectors too. Write a working fallback outside the block.

Further reading

MDN: @supports ↗

Test yourself

Take the HTML & CSS · Middle quiz: questions and options are shuffled, and you get a review of your mistakes at the end.