CSS-Selektor :not(...) [Parent hat eine Klasse] ⇐ HTML

[Guest]

Ich möchte alle Tags mit der Klasse p auswählen, die untergeordnet ist von .row

Code: Select all

.row .p {
...
}

aber alle ausschließen, die .disable als übergeordnete Klasse haben (nicht direkt).
Ich kann beides auswählen Sie sehen so aus:

Code: Select all

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

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

Aber wir möchten nur einen Selektor verwenden
HINWEIS: zwischen .disable und .row kann ein beliebiges Element sein.
KLARSTELLUNG: .disable .row .p sollte überhaupt keine Farbe haben. Wenn also .disable irgendwie in der übergeordneten Zeile vorhanden ist, erstellen Sie KEINEN blauen Rahmen. Lass es einfach weg.

Code: Select all

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;
;
}

Code: Select all

disable
div1
div2
row
Red





row
Blue

Beispiel:
https://codepen.io/miladfm /pen/ELbwMx