Отображения звездочки(*) для всех обязательных полей с помощью одного CSS-правила



Функция-псевдокласс :has() позволяет уточнить основной селектор дополнительным. Это единственный способ выбрать элемент на основе дочернего или соседнего элемента посредством CSS



Мы можем использовать :has() чтобы выбрать все label с обязательным полем формы рядом с ними и отобразить звездочку(*)



label:has(+ [required])::after {

content: " *";

color: red;

}




👉 @FrontendPortal | #CSS