CSS Cascading (Descendant)-Stil [Duplikat] ⇐ HTML

[Guest]

Ich habe über Nachkommenselektoren in CSS gelesen, kann es aber nicht zum Laufen bringen:

Code: Select all

.c1 div { background-color:red;}
h1 {color: #00b339}



Demo of the descendant selector
Outer paragraph Inside nested element

Im Stil-Selektor gibt es ein Leerzeichen zwischen der Klasse .c1 und dem inneren Div
Wenn ich dieses Leerzeichen durch ein Komma ersetze, Stil-Selektor Die Definition funktioniert wie ein ODER und alle Elemente der Klasse „c1“ und alle div sind betroffen. Aber mit diesem Leerzeichen passiert nichts mit dem inneren div-Element. Ziel ist es, den Stil nur auf das innerhalb des verschachtelten Elements anzuwenden.
Egal, ob ich diese Abstammung nach Klasse oder HTML-Typdefinition konstruiere.
Was mache ich falsch? (Ich teste eine lokale Datei mit einem aktuellen Chrome-Browser unter Win11)