Сайт использует сервис веб-аналитики Яндекс Метрика с помощью технологии «cookie». Пользуясь сайтом, вы даете согласие на использование данной технологии.
28 октября 2025 года случилось историческое событие — CSS получил настоящий апгрейд логики. Теперь if() и стилевые контейнерные запросы умеют сравнивать переменные, проверять диапазоны и работать с числами, углами и даже временем. CSS официально перестаёт быть просто языком стилей — он начинает принимать решения. В этом выпуске: – Что нового появилось в Chrome 142 и почему это событие можно считать эпохальным. – Почему старый if() был бесполезен и как теперь всё изменилось. – Диапазонные сравнения: «больше», «меньше», «равно» — и сравнение переменных между собой. – Как работает новый синтаксис из спецификации CSS Conditional Rules Module Level 5. – Живые примеры: сравниваем x и y, числа, проценты, единицы измерения и даже результаты attr(). – Как CSS теперь может управлять состоянием интерфейса — без единой строчки JavaScript. – Фолбэки: как использовать приём с sign() для старых браузеров. Будущее уже здесь: CSS умеет сравнивать, думать и принимать решения — пора пересмотреть, где заканчивается JavaScript и начинается магия стилей. Таймкоды: 00:00 Введение в обновление CSS 01:04 Пример использования в интерфейсах 02:47 Ограничения предыдущего релиза 04:40 Новые возможности в Chrome 142 05:47 Спецификация и примеры 08:12 Дополнительные возможности сравнений 10:53 Применение в контейнерных запросах 11:42 Экспериментальные функции CSS и их альтернативы 12:35 Применение условной логики в CSS Демонстрация №1 → Демонстрация №2 → Демонстрация №3 → Спецификация → Chrome 142 →
