элементы стиля, основанные на детских элементах в CSS

При разработке веб -страниц он может быть полезен для элементов стиля на основе элементов дочерних, которые они содержат. В то время как в настоящее время CSS не хватает «псевдо-класса» для непосредственного решения этого требования, имеется альтернативное решение: «:« Имеет »псевдокласс. Синтаксис для ": has" является следующим образом:

div: hast (child-element) { стили }

div:has(child-element) {
  styles
}

div: hes (div.a) { Граница: твердый 3px красный; } div: есть (div.b) { Граница: твердый 3PX Blue; } В этом коде первое правило нацелено на любой элемент «div», который содержит дочерний элемент с классом «A» и добавляет к нему красную границу. Аналогичным образом, второе правило применяет синюю границу к элементам «div», которые содержат дочерний элемент с классом «b.»

div:has(div.a) {
  border: solid 3px red;
}

div:has(div.b) {
  border: solid 3px blue;
}

, в то время как «: содержащий» псевдо-класс не существует в CSS, «есть», основанные на их стиле, на их рентабельные элементы, основанные на их стиле, на «Псевдо-класс». Используя »:« Имеется, «разработчики могут повысить гибкость и выразительность своих стилей CSS.