Fehlermeldung

[Gunnar Bittersmann]

@@franzsen

nav > ul > li:nth-child(1) {
	margin-top: 10px;
	color: red;
}

In diesem Fall werden auch alle Kindelemente der zweiten Ebene angesprochen.

Nein, das werden sie nicht …

… oder haben alle Kindelemente der zweiten Ebene 10px^[1] Abstand nach oben?

Was du hier siehst, ist Vererbung. Manche Eigenschaften (wie z.B. color) werden vererbt; andere (wie z.B. margin-top) nicht.

Ob eine Eigenschaft vererbt wird oder nicht, steht in der Spezifikation. Oder auch in MDN: color | margin-top

LLAP 🖖

---

1. Wenn irgendwo im Stylesheet px auftauscht, dann ist das blöd. Aber das ist ein anderes Thema. ↩︎