Где вы уже применяете :has() в реальных проектах и какие ограничения заметили?
:Has() селектор и его возможности
Удобно подсвечивать карточку, если внутри есть выбранный чекбокс. Раньше для этого добавлял класс скриптом.
Никуся
- Сообщений
- 419
- С нами
- 26.10.2026
Пробовал через :has() менять оформление формы при ошибке в поле. Получилось проще, чем с дополнительными классами.
user34567
- Сообщений
- 437
- С нами
- 26.10.2026
А как вы решаете поддержку старых браузеров? Для небольших декоративных вещей, наверное, не страшно, а для логики интерфейса сомневаюсь.
Вера
- Сообщений
- 455
- С нами
- 26.10.2026
Мне нравится вариант с родителем: article:has(img) — можно задать отступы карточкам с изображением. Код сразу понятнее.
Вероника
- Сообщений
- 419
- С нами
- 26.10.2026
Стоит помнить, что селектор может быть дорогим на больших и часто обновляемых страницах. Лучше проверить производительность, а не применять везде подряд.
Ника
- Сообщений
- 454
- С нами
- 26.10.2026
Использую для состояния родительского блока по дочернему элементу, но стараюсь не строить слишком длинные цепочки условий.
Света
- Сообщений
- 422
- С нами
- 26.10.2026
А можно ли с :has() сделать стили для соседнего элемента? Или тут лучше оставить обычные селекторы и не усложнять?
Ответить в теме
Чтобы ответить, войдите или зарегистрируйтесь — это займёт меньше минуты.
Комментарии 7
Обсуждение темы — по порядку