← Каталог
Селекторы :is, :where и :has — `:has()` — родитель по потомку
Фрагмент из «Селекторы :is, :where и :has»: `:has()` — родитель по потомку.
/* карточка с изображением — другой отступ заголовка */
.card:has(img) h2 {
margin-top: 0.5rem;
}
/* форма, где есть невалидное поле */
form:has(:user-invalid) {
border-left: 3px solid #c0392b;
}
/* ссылка с иконкой после текста */
a:has(+ svg) {
display: inline-flex;
align-items: center;
gap: 0.25rem;
} /* карточка с изображением — другой отступ заголовка */
.card:has(img) h2 {
margin-top: 0.5rem;
}
/* форма, где есть невалидное поле */
form:has(:user-invalid) {
border-left: 3px solid #c0392b;
}
/* ссылка с иконкой после текста */
a:has(+ svg) {
display: inline-flex;
align-items: center;
gap: 0.25rem;
}