:has в CSS — псевдокласс из будущего на примере карточки новости
00:00 Интро
00:31 Как работают селекторы
01:19 Изменение цели
02:53 Описание карточки
04:22 Описание задачи
04:56 Создание вариаций
06:19 Варианты модификаторов
07:23 Как тут поможет has
08:15 Запуск Chrome с флагом
09:30 Замена модификаторов
10:31 Случай посложнее
11:27 Простой сложный селектор
12:24 Демонстрация гибкости
12:50 Кухня разработки has
14:33 Выводы
15:30 Аутро
Нравится? Становитесь патронами
Карточка на модификаторах
Карточка с псевдоклассом :has
Meet :has, A Native CSS Parent Selector
Can I :has()
WIP: Add has pseudo class /2725907
* * *
Камера: Blackmagic Pocket Cinema 4K
Объектив: Panasonic 12–35 м