CSS-селектор :not(...) [родительский класс есть] ⇐ CSS

[Anonymous]

Я хочу выбрать все теги класса p, который является дочерним для .row

Код: Выделить всё

.row .p {
...
}

но исключить все, у которых .disable является родительским классом (не напрямую).
Я могу выбрать оба им вот так:

Код: Выделить всё

.row .p {
border: 3px solid blue;
}

.disable .row .p {
border: 3px solid red;;
}

Но мы хотим использовать только один селектор
ПРИМЕЧАНИЕ: между .disable и .row может быть любым элементом.
ПОЯСНЕНИЕ: .disable .row .p вообще не должен иметь цвета. Поэтому, если .disable каким-то образом присутствует в родительской строке, НЕ делайте синюю рамку. просто оставьте это.

Код: Выделить всё

div {
font-size: 16px;
margin: 10px;
border: 1px solid;
}

p {
font-size: 30px;
}

.row .p {
border: 3px solid blue;
}

.disable .row .p {
border: 3px solid red;
;
}

Код: Выделить всё

disable
div1
div2
row
Red





row
Blue

пример:
https://codepen.io/miladfm /pen/ELbwMx

Подробнее здесь: https://stackoverflow.com/questions/502 ... some-class