Programmiererforum

.row .p {
...
}

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

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

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

Ich möchte alle Tags mit der Klasse p auswählen, die untergeordnet ist von .row
[code].row .p {
...
}
[/code]
aber alle ausschließen, die .disable als übergeordnete Klasse haben (nicht direkt).
Ich kann beides auswählen Sie sehen so aus:
[code].row .p {
border: 3px solid blue;
}

.disable .row .p {
border: 3px solid red;;
}
[/code]
[b]Aber wir möchten nur einen Selektor verwenden[/b]
[b]HINWEIS:[/b] zwischen .disable und .row kann ein beliebiges Element sein.
[b]KLARSTELLUNG:[/b] .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]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]
[code]disable
div1
div2
row
Red





row
Blue
[/code]



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