„all: unset' vs. „all: revert': Wann sollten Sie jedes verwenden?

Die Nuancen von CSS: all: unset vs. all: revert

Das Verständnis der Feinheiten zwischen CSS-Schlüsselwörtern kann Ihre Styling-Fähigkeiten verbessern. Im Fall von all: unset und all: revert liegt der Unterschied in der Behandlung von vom Browser angewendeten und benutzerdefinierten Stylesheets.

all: unset

As Laut MDN können Sie mit unset eine Eigenschaft entweder auf ihren geerbten Wert zurücksetzen, wenn sie von ihrem übergeordneten Element geerbt wurde, oder auf ihren Anfangswert, wenn dies nicht der Fall ist. Folglich emuliert es das Schlüsselwort „inherit“ im ersten Szenario und das Schlüsselwort „initial“ im zweiten Szenario.

all: revert

Im Gegensatz dazu wird durch „revert“ der kaskadierte Wert einer Eigenschaft auf zurückgesetzt Sein Zustand wäre am aktuellen Element nicht geändert worden. Dies bedeutet, dass die Eigenschaft auf ihren geerbten Wert zurückgesetzt wird oder, falls keiner vorhanden ist, auf den Standardwert, der durch das Stylesheet des Browsers oder anwendbare Benutzerstile festgelegt wird.

Hauptunterschiede

Der Hauptunterschied entsteht, wenn der Browser Standardstile auf ein Element anwendet. Mit „Zurücksetzen“ machen Sie diese Stile effektiv rückgängig, mit „Unset“ dagegen nicht.

Abbildung

Bedenken Sie den folgenden HTML- und CSS-Codeausschnitt:

<p></p>

Angenommen, der Browser stellt automatisch einen Standardrand von 50 Pixel auf

ein. Elemente. In diesem Fall wird der Rand des Texts innerhalb des Absatzes mit margin:revert auf 0 Pixel zurückgesetzt, wodurch der Standardstil des Browsers effektiv entfernt wird. Andererseits behält der Text innerhalb des Absatzes mit margin:unset den Standardrand des Browsers von 50 Pixel bei.

Das obige ist der detaillierte Inhalt von„all: unset' vs. „all: revert': Wann sollten Sie jedes verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!