Почему в CSS нет селектора на родителя

В CSS нет селектора на родителя из-за проблем с производительностью и сложностью парсинга. Если бы такой селектор существовал, браузеру пришлось бы проверять все дочерние элементы при изменении DOM, что привело бы к значительным накладным расходам.

Пример проблемы:

/* Гипотетический селектор родителя (не существует) */
div:has(> .active) {
  background: red;
}

Браузеру пришлось бы пересчитывать стили для всех div при любом изменении их дочерних элементов, что негативно сказалось бы на производительности. Вместо этого рекомендуется использовать JavaScript или менять подход вёрстки.