Vererbung

[Orlando]

Hi Jochen,

kann mir jemand in einfachen Worten erklären, was wann wie bei CSS vererbt wird, wenn man z.B. seine Klassen so definiert:

.wichtig {color:#FFFFFF; font-size:16pt, font-weight:bold;}
.unwichtig {color:#000000}
h1 { line-height:18pt; }

hier wird zunächst gar nichts vererbt. Das ist dagegen der Fall, wenn du beispielsweise zusätzlich

body { color:#f00; background-color:#fff; }

notierst und damit grundsätzlich eine rote Vordergrundfarbe -> Ein ohne weitere Angaben eingefügtes <h1>-Element würde demnach rot (da vererbt) dargestellt werden, <h1 class="wichtig"> dagegen weiß.

Hier etwas passende Lektüre,

http://jendryschik.de/wsdev/einfuehrung/css/kaskade.html
 http://bjoernsworld.de/css/grundlagen.html#vererbung
 http://peliworks.de/css/grundkurs/kontext.htm

sowie natürlich die Referenz:

http://www.w3.org/TR/REC-CSS2/cascade.html#cascade

LG Roland