Was macht 'Rückkehr' in CSS?

Miriamsuzanne erklärt in einem Mozilla -Entwickler -Video zu diesem Thema.

Der Rückkehrwert in CSS „setzt“ eine Eigenschaft zurück auf ihren geerbten Wert zurück und geht nur so weit wie das UA Stylesheet zurück. Das ist kritisch, da es beispielsweise ein

auf Inline zurückgesetzt wird, da ein

ein Element auf Blockebene ist, das im UA-Stylesheet festgelegt ist.

Also, wenn wir diese HTML hätten:

 <p> lorem, ipsum dolor. </p>
<p> Fugit, id vel. </p>

Und CSS:

 P {
  Farbe: Rot;
}
.alt {
  Farbe: Rückkehr;
}

Beide Absätze würden vom P -Selektor ausgewählt, wodurch sie rot werden, aber der Klassenwählte im zweiten Absatz hat eine höhere Spezifität, also die Farbe: Rückkehr; Gewinne, wechseln Sie den Text zurück in Schwarz (die UA -Standard).

Aber die Farbeigenschaft kaskadiert, also wenn wir:

 <div>
  <p> lorem, ipsum dolor. </p>
  <p> Fugit, id vel. </p>
</div>

 .PARENT {
  Farbe: Blau;
}
P {
  Farbe: Rot;
}
.alt {
  Farbe: Rückkehr;
}

Der zweite Absatz wäre blau, weil die Rückkehr ihn dazu zwingt, seine Farbe aus der Erbschaft zu nehmen.

Der Rückkehrwert ist ziemlich neu und wird in Firefox und Safari unterstützt, aber noch nicht in Chromwelt. Wir haben bereits einige verwandte Keywords, die auf jeder Eigenschaft arbeiten, die dazu beitragen sollen, die Vererbung zu kontrollieren und Werte zurückzusetzen.

Der Unterschied ist klein, aber wichtig: Unset ermöglicht die Vererbung, während die Anfangs nicht der Fall ist.

Miriam macht den Fall, dass Rückkehr tatsächlich die nützlichste von ihnen ist, da es „in der intokonsiderierung von Benutzer- und Benutzern-Agent-Stilen“ erforderlich ist.

Ich bin nicht anderer Meinung. Aber (und ich hasse es, das zu sagen) Ich denke, wir brauchen eine vierte Option, die die Forcing -Kraft von Anfang an hat, aber den UA Stylesheet -Respekt von Rückerstattung. So etwas wie…

 .Taste {
  All: Standard; /* Nicht real! */

  / * Neue Stile ab UA Base *//
}

Diese Keywords funktionieren mit jeder Eigenschaft, aber ich denke, alles zu verwenden, ist die überzeugendste. Es ist eine Möglichkeit, alle Stile auf einem Element auszulöschen, um mit einem leeren Schiefer zu beginnen. Keine der drei Optionen ist für diesen Anwendungsfall ziemlich gut genug. Die unbegrenzten und rückgängigen Werte sind nicht gut genug, weil sie immer noch die Erbschaft ermöglichen und die Stile daher nicht gut genug auslöschen. Der anfängliche Wert ist insofern zu stark, als er die Standardeinstellungen ausgelöscht hat, die Sie möglicherweise nicht erwarten, z. B. eine

inline anstelle von Block.

Das obige ist der detaillierte Inhalt vonWas macht 'Rückkehr' in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!