Warum werden CSS-Selektoren übererbt?

Selektoren in CSS werden nicht vererbt. Die Vererbung in CSS bezieht sich auf die Weitergabe bestimmter Eigenschaften eines Elements an seine Nachkommen. Selektoren sind Muster, die Elemente auswählen, um Stile anzuwenden.

Vererbung kann bedeuten, dass die mit einem Selektor angewendeten Stile durch andere Selektoren überschrieben (vererbt) werden können. Dies steht nicht im Zusammenhang mit der Vererbung, sondern mit dem Cascading-Mechanismus von CSS, der bestimmt, welche Stile auf ein Element angewendet werden, wenn mehrere CSS-Regeln einen Wert für dieselbe Eigenschaft festlegen.

Faktoren, die die Kaskade und das "Überschreiben" von Stilen beeinflussen:

1. Spezifität (Specificity): Selektoren mit höherer Spezifität haben ein größeres Gewicht.
2. Reihenfolge (Order): Bei gleicher Spezifität gilt die zuletzt deklarierte Regel.
3. Wichtigkeit (!important): Mit !important markierte Deklarationen haben die höchste Priorität (außer eingebettete Stile des User Agents mit !important).
4. Stilquellen (Origin): Stile stammen aus verschiedenen Quellen (Browser, Benutzer, Autor).

Beispiel für Spezifität:

/* Niedrige Spezifität */
p {
  color: blue;
}

/* Hohe Spezifität - überschreibt die Farbe */
.text-section p {
  color: red;
}