dr.Brain

doctor Brain

мир глазами веб-разработчика

css

CSS: color-mix и color-contrast

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

dr.Brain

время чтения 1 мин.

Photo by Albert Stoynov on Unsplash

В CSS появились новые возможности управления значением <color>: color-mix() и color-contrast()

CSS: псевдокласс :has

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

dr.Brain

время чтения 1 мин.

Photo by Fabio Mangione on Unsplash

В CSS псевдоклаcc :has дает возможность создавать правила для родительского HTML-элемента, содержащего определенный дочерний элемент.

CSS: @container

управляем CSS свойствами элемента с помощью at-rule правила @container

dr.Brain

время чтения 1 мин.

Photo by Jacob Meissner on Unsplash

Правило @container позволяtт динамически управлять стилями дочернего HTML-элемента в зависимости от размера родительского контейнера, содержащего этот элемент. Запросы для контейнеров работают также как и медиа-запросы.

CSS: псевдокласс :scope

сопоставляем элементы с помощью псевдокласса :scope в CSS

dr.Brain

время чтения 1 мин.

Photo by Jennifer Lim-Tamkican on Unsplash

Селектор :scope появился в 2023 году и служит для определения области действия стилей в CSS.

CSS: вложенность

добавляем вложенные стили без препроцессоров

dr.Brain

время чтения 1 мин.

Photo by Johannes Giez on Unsplash

В CSS вложенность позвояяет размещать одни правила в других. Это особенно полезно для управления стилями, зависящими от контекста.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.