Кроссбраузерность
Задача: задать стили, исключительные для Safari. То есть в Chrome и других браузерах эти стили не должны применяться.
Что использовать? Webkit? PHP? JS?
Решение
@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
/* your custom css */
}
Кажется, что это не единственный способ "взломать" css и заставить его нетипично вести себя.
Почему это работает, ведь css - не язык программирования, он не умеет определять тип браузера?
Ответ
CSS - каскадные таблицы стилей. Браузер перебирает наши стили и присваивает их с учетом приоритетов.
И здесь важное:
Если браузер не понимает какой-то селектор - он его пропускает и идёт дальше.
Значит нужно написать такой селектор, который поймет только safari. А остальные: chrome, firefox и тд - пропустят и пойдут дальше