html {...} versus * {...}

[Tim Tepaße]

Hallo,

Wenn ich einen DIV-Container mit der ID test habe und diesen mit Hilfe von CSS formatiere, dann sind auch alle Elemente die sich innerhalb dieses DIV-Containers befinden (z.B. p-Elemente) von dieser Formatierung betroffen.

[code lang=css] div#test {
      border: 1px solid red;
      color:  blue;
  }[code]

[code lang=html]<div id="test">
      Blauer Text, Roter Rahmen
      <p>Blauer Text, kein extra Rahmen für den Absatz</p>
      Blauer Text, Roter Rahmen
  </div>[/test]

Manche CSS-Eigenschaften vererben sich auf die Kindelemente, wenn diese dort nicht wieder überschrieben werden. [http://www.edition-w3c.de/TR/1998/REC-CSS2-19980512/kap14.html#color|@title=color] wird vererbt, border dagegen nicht.

In SELFHTML ist das etwas schlecht dokumentiert; wenn man nun herausfinden will, welche Eigenschaft geerbt wird, muss man in die Original-Doku gucken. Ich glaube zu SELFHTML 9 sollte das geändert werden.

Tim