Применить стиль к непосредственному родительскому элементу

Question

Есть ли способ применить стиль к родительскому селектору на основе класса, указанного в дочернем. Я знаю, что это можно сделать в Javascript, но я пытаюсь найти решение, которое можно применить к моему файлу css. Я пробовал:

div < .active { 
    background:red; 
} 

но он выбирает/применяет стиль только для ребенка. Я хочу, чтобы стиль был применим для родителя div здесь, например.

Любые предложения по этому вопросу?

Заранее спасибо.

Answer 1

В настоящее время в CSS нет родительского селектора. Так что ответ Нет, вы не можете сделать это в CSS .. JavaScript является единственным вариантом

Answer 2

Try:

div > .active { 
    background:red; 
} 

лучше упомянуть элемент также такие как

div > div.active { 
    background:red; 
}