CSS-Selektor zur Anwendung unter bestimmten Bedingungen ⇐ HTML

[Guest]

Ich habe eine HTML-Struktur wie unten-

Code: Select all

Student A 

Student B 



 Student C 

 Student D 

Und unten ist die CSS-Klasse-

Code: Select all

.css1{
color: red;
}

Und ich möchte einen CSS-Selektor, der div - #div1 und #div2 anhand der Klasse .css1 identifizieren kann und für die Div-ID #div3 nur für die untergeordnete Div-ID #div101 gelten sollte. Zum Beispiel:

Code: Select all

div.css1, div.css1 > div#div101{
color: red;
}

Damit werden #div1 und #div2 in roter Farbe angezeigt und für Div-ID#div3 wird nur das untergeordnete Div mit der ID#div101 in „roter“ Farbe angezeigt.