CSS: псевдокласс :has
стили для родителя,содержащего определенный дочерний элемент

В CSS псевдоклаcc :has
дает возможность создавать правила для родительского HTML-элемента, содержащего определенный дочерний элемент.
мир глазами веб-разработчика
стили для родителя,содержащего определенный дочерний элемент
В CSS псевдоклаcc :has
дает возможность создавать правила для родительского HTML-элемента, содержащего определенный дочерний элемент.
размещаем кнопку submit за пределами формы
Далеко не всегда кнопка отправки формы должна находиться в пределах родительского блока form
. Спецификация HTML позволяет размещать ее в любом месте на странице сайта.
управляем CSS свойствами элемента с помощью at-rule правила @container
Правило @container
позволяtт динамически управлять стилями дочернего HTML-элемента в зависимости от размера родительского контейнера, содержащего этот элемент. Запросы для контейнеров работают также как и медиа-запросы.
сопоставляем элементы с помощью псевдокласса :scope в CSS
Селектор :scope
появился в 2023 году и служит для определения области действия стилей в CSS.
выводим сообщение о наличии подключения к Интернету с помощью JavaScript
Порой пользователю веб-сервиса необходимо знать о потере подключения к Интернету. Например, он может работать с кэшированной информацией, думая, что сайт не обновляется администраторами, в то время как основной причиной такой ситуации является отсутствие подключения к Интернету.