Что такое @supports (feature queries)?

Question

Accepted Answer

## Feature queries

`@supports` применяет блок, если браузер понимает указанную CSS-возможность — progressive enhancement без User-Agent sniffing.

```css
.gallery { display: flex; flex-wrap: wrap; }

@supports (display: grid) {
  .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(12rem, 1fr));
  }
}

@supports (backdrop-filter: blur(4px)) {
  .glass { backdrop-filter: blur(8px); }
}
```

Есть `selector()` и логика `not`/`and`/`or`. Не путать с `@media`: media — устройство/условия, supports — движок CSS.

## Итог

Feature queries — ветвление по возможностям CSS для безопасного внедрения новых свойств.