@supports - правило поддержки
@supports CSS правило позволяет указать объявления, которые зависят от поддержки браузером одной или нескольких конкретных функций CSS. Это называется запросом компонента. Правило может быть размещено на верхнем уровне кода или вложено в любую другую условную группу.
Отдельные стили для говнобраузера через supports - смотреть
ДВА значения:
1. @supports
2. @supports not
Наиболее частое использование @supports:
@supports (display: grid) {
div {display: grid;}
}
@supports not (display: grid) {
div {float: right;}
}
Правило @supports не поддерживается в селекторах - selector() (только в Firefox 64)
----
Более подробно о правиле - здесь
| Chrome | Edge | Firefox | Internet | Opera | Safari |
| 28 | 12 | 22 | No | 12.1 | 9 |
| Android | Chrome | Edge | Firefox | Opera | Safari | Samsung |
| Yes | 28 | Yes | 22 | 12.1 | 9 | Yes |