Vererbung

• manche Eigenschaften können vererbt werden (z. B. color, font)
  ⓘ

  Manche Elemente sind dabei von der Vererbung ausgeschlossen (z. B. input)↩
• Werte werden dann an die Kindelemente weitergegeben (bei Berechnung Ergebnis, nicht Rechnung)
• Vererbung einer Eigenschaft mit folgenden Werten beeinflussen:
  • inherit erzwingt Vererbung
  • initial stellt Standardwert wieder her
  • unset bei vererbten Eigenschaften inherit, sonst initial

❮❯HTML<div class="gruen">
  <p>Text1</p>
  <p class="rot">Text2</p>
  <p class="rot" id="original">Text3</p>
  <p>Text4 <a href="">Link</a></p>
  <div>Text5</div>
</div>

❮❯CSSdiv {
  color: green;
  font-size: 1.5em;
}

.rot {
  color: red;
  font-size: initial;
}

#original {
  color: initial;
  font-size: unset;
}

a {
  color: inherit;
}