CSS if — провал или прорыв? | CSS Боль

В этом выпуске разбираем свежую фичу — CSS if(), которая недавно появилась в Chrome. Многие уже поспешили назвать её революцией и шагом к превращению CSS в настоящий язык программирования. Но так ли это на самом деле? Мы шаг за шагом посмотрим: – какие возможности даёт if() (стилевые запросы, медиа-запросы, supports), – где и как её можно использовать в будущем, – какие ограничения не позволяют назвать её полноценным прорывом, – чем if() отличается от классических директив (@media, @supports, container queries), – и что может ждать нас в будущем, если браузеры продолжат развивать эту идею. Разберём всё на примерах, проверим вживую и честно скажем — стоит ли дожидаться полноценной поддержки if() для внедрения в проекты или лучше заранее запретить её в своих линтерах. Демонстрация →
Спецификация →
Таймкоды: 00:00 — Введение в CSS if() 00:33 — Обзор возможностей CSS if() 01:11 — Основные функции CSS if() 03:02 — Ограничения CSS if() 03:56 – Сравнение с традиционными директивами 09:07 — Перспективы развития 09:54 — Самозапросы 11:41 — Будущее CSS if() 13:21 — Заключение #frontend #javascript #css #html