Vererbung

Vererbung ist in CSS ein wichtiger Bereich. Die Vererbung gibt an, ob Eigenschaften durch Elternelemente vererbt werden können.

CSS Eigenschaften könnten in 2 Gruppen unterteilt werden:

• Vererbare-Eigenschaften, welche automatisch die Eigenschaften an die Kinderelemente vererben.

• Nicht-Vererbare-Eigenschaften, welche nicht an die Kinderelemente vererbt werden.

CSS Eigenschaften, die vererbar sind, zeigt die folgende Beispieliste:

• border-collapse

• border-spacing

• color

• cursor

• font-family

• font-size

• font-style

• font-variant

• font-weight

• letter-spacing

• line-height

• list-style-image

• list-style-position

• list-style-type

• list-style

• text-align

• text-transform

• visibility

• white-space

• word-spacing

<div class="container">
  <p>Das ist ein Text</p>
  <p>Das ist ein weiterer Text</p>
</div>

.container {
  color: crimson;
  font-size: 25px;
  text-align: center;
}

Das ist ein Text

Das ist ein weiterer Text