nicht angemeldet
Hi,
div {background-color: red;}
#kasten {border: 1px solid green;}
>
>
> `<div id="kasten">...</div>`{:.language-html}
>
> Dieser Kasten wird rot mit grünem Rand sein und Firebug schreibt dann auch "geerbt von Div" und das ist eine Vererbung von Eigenschaften.
Mal ein Beispiel, das klar machen sollte, was Vererbung in CSS bedeutet:
~~~html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Was bedeutet Vererbung in CSS?</title>
<style type="text/css">
body { color:#000; background-color:#fff; }
p { color:#f00; background-color:#ccc; padding:.25em; white-space:pre; }
span { border:1px solid #000; position:relative; cursor:pointer; }
</style>
</head>
<body>
<div>Text in BODY ist schwarz,
<p>aber Text in diesem Absatz wird rot auf grauem Hintergrund dargestellt.
Um zu sehen, wer hier was erbt, klicke man auf <span onclick="this.style.top='3em'; this.style.cursor='auto'; this.onclick=null;">den Text in diesem SPAN-Element.</span></p>
</div>
</body>
</html>
http://chrisb.bplaced.net/test/vererbung.htm
So, welche der beiden Eigenschaften color und background-color wird hier also vom P-Element auf das SPAN-Element vererbt?
(Anmerkung: Das SPAN-Element wird beim Klick darauf per relativer Positionierung ein Stückchen nach unten verschoben. Damit wird es nicht mehr über der Fläche angezeigt, die das P-Element einnimmt. Im DOM ist es aber natürlich nach wie vor ein Nachfahre des P-Elements.)
Deckt sich deine Beobachtung mit der Inherited-Angabe bzgl. der jeweligen Eigenschaft in der Spezifikation?
MfG ChrisB
--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]
apsel
MudGuard