2010-01-04 11 views

Antwort

30

Es wird den gleichen Wert wie die gleiche Eigenschaft nutzen, um seine Eltern haben .

html:

<body> 
<h1></h1> 
</body> 

css:

body{ 
margin: 234px; 
} 
h1{ 
margin: inherit; #=234px 
} 

Hinweis darauf, ob es mehrere Instanzen von <h1> in der Datei, wird die Marge nehmen es Eltern. 234px ist also nicht immer der Wert, den es haben wird. Zum Beispiel

html:

<body> 
    <h2></h2> 
    <div> 
    <h2></h2> 
    </div> 
</body> 

css:

body{ 
margin: 20px; 
} 
div{ 
margin: 30px; 
} 
h2{ 
margin: inherit; #20px if parent is body; 30px if parent is div 
} 
+4

Es ist wichtig, dies zu beachten, funktioniert nicht in IE6 + IE7, aber gute Antwort. +1 –

+0

Auch in IE8- es funktioniert mit "Richtung" und "Sichtbarkeit" Eigenschaften –

+0

Ich denke, die Person, die diese Frage gestellt hat, wusste, wie "erben" funktioniert, was er [wahrscheinlich] wissen wollte, aber: "Was ist der Nutzen Fälle für die Verwendung von CSS erben Mechanismus " –

Verwandte Themen