CSS Cascading (Descendant)-Stil [Duplikat]
Posted: 06 Jan 2025, 19:09
Ich habe über Nachkommenselektoren in CSS gelesen, kann es aber nicht zum Laufen bringen:
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)
Code: Select all
.c1 div { background-color:red;}
h1 {color: #00b339}
Demo of the descendant selector
Outer paragraph Inside nested element
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)