2015-04-15 16 views
8

Was genau ist der Unterschied zwischen inherit und initial in Bezug auf CSS? Für mich arbeiteten sie immer die gleiche, zum Beispiel:Was ist der Unterschied zwischen CSS erben und initial?

a.no-style{color: inherit} 

wird das gleiche tun wie

a.no-style{color: initial} 
+0

Dies kann helfen: http://dev.w3.org/csswg/css-cascade/#initial-values ​​ –

+1

Überprüfen Sie dies: http://www.w3schools.com/cssref/tryit.asp?filename= trycss_initial Was passiert, wenn Sie 'h1 {color: initial;}' in 'h1 {color: inherit;}' ändern? – MattAllegro

+0

Es wird natürlich rot sein! –

Antwort

8

Der Anfangswert, der in der Zusammenfassung der Definition jeder CSS-Eigenschaft angegeben wird, hat eine unterschiedliche Bedeutung für geerbte und nicht vererbte Eigenschaften.

Bei geerbten Eigenschaften wird der Anfangswert nur für das Stammelement verwendet, wenn für das Element kein Wert angegeben ist.

Bei nicht vererbten Eigenschaften wird der Anfangswert für jedes Element verwendet, wenn für das Element kein Wert angegeben ist.

Ein erstes Schlüsselwort wird in CSS3 hinzugefügt, damit Autoren diesen Anfangswert explizit angeben können.

Das Schlüsselwort erben bedeutet, den Wert zu verwenden, der meinem Elternelement zugewiesen ist.

+7

Ich denke, wenn Sie entschieden haben, die Antwort zu kopieren und einzufügen, müssen Sie zumindest die Quelle oder den Autor erwähnen. https://developer.mozilla.org/en-US/docs/Web/CSS/initial_value Wie auch immer, gute Antwort. – Heisenberg

+1

Ich denke, 90% der Leute kommen hierher, weil sie technische Dokumente zu ausführlich finden –

4

inherit

Dieses Schlüsselwort den Wert des übergeordneten Elements gilt,

ob das Sinn macht oder nicht. Einige CSS-Eigenschaften, wie z. B. Farbe oder Schriftfamilie, werden automatisch vererbt, andere jedoch, z. B. Anzeige oder Rand, nicht. Das Schlüsselwort inherit sollte jedoch für alle Eigenschaften von CSS gelten.

Anfangs

Dieses Schlüsselwort gilt den Anfangswert, wie in der CSS Spezifikationen definiert. Manchmal macht dieser Anfangswert Sinn (float: keine), manchmal ist es aus historischen Gründen da (Hintergrundwiederholung: wiederholen), und manchmal machten die Spec-Writer eine im Wesentlichen zufällige - wenn auch etwas vertretbare Wahl (Farbe: schwarz) .

Mehr von Quirksmode Website

3

vererben:

Das Vererben Schlüsselwort gibt an, dass eine Eigenschaft von seinem übergeordneten Elemente seinen Wert erben sollte.

example

initial:

Das erste Schlüsselwort wird verwendet, um eine CSS-Eigenschaft auf den Standardwert einzustellen.

example

9

Inheritance ist immer von dem Mutterelement in dem Dokumentenbaum, selbst dann, wenn das Mutterelement nicht der umschließende Block ist. Das anfängliche Tag gibt dem Element nur den ursprünglichen Wert.

0

color : initial wird vom Internet Explorer nicht unterstützt.

Verwandte Themen