:has() — родительский селектор

За годы работы с HTML, CSS и немного JavaScript я замечаю одну приятную закономерность: ВЭБ развивается. Причем развивается очень быстро. Для некоторых действий раньше приходилось писать много кода для построения сеток, но пришли Flex и Grid. Для стилизации некоторых блоков приходилось добавлять лишние классы, но пришли nth- селекторы. Но чего-то не хватало. Всё равно встречались моменты когда необходимо было добавлять лишние классы и приходилось с этим работать. И вот приходит декабрь 2023 года, затем январь 2024 года и 90% браузеров поддерживают новый псевдокласс :has(). MDN :has() :has Спека :has() #relational MDN :is() :is Присоединяйтесь на мой канал в телеге: или в vk: ну и дзен: 0:00 Вступление 0:51 Первый пример 1:25 Второй пример 1:49 Пример :has() :is() 2:32 Специфичность 2:46 Важное дополнение 03:03 Поддержка браузерами и итоги