Maison > interface Web > tutoriel CSS > Quelle est la différence clé entre « all : unset » et « all : revert » en CSS ?

Quelle est la différence clé entre « all : unset » et « all : revert » en CSS ?

Barbara Streisand
Libérer: 2024-11-16 12:03:03
original
905 Les gens l'ont consulté
<p>What is the Key Difference Between `all: unset` and `all: revert` in CSS?

<p>Comprendre la différence entre all : unset et all : revert en CSS

<p>Le mot-clé unset en CSS permet de réinitialiser une propriété à sa valeur héritée s'il hérite de son parent, et à sa valeur initiale s'il n'hérite pas. Cela signifie qu'il se comporte comme le mot-cléherit dans le premier cas, et comme le mot-cléinitial dans le second cas.

<p>D'autre part, le mot-clé revert adopte une approche légèrement différente. Il rétablit la valeur en cascade de la propriété de sa valeur actuelle à la valeur qu'elle aurait eu si aucune modification n'avait été apportée par l'origine du style actuel à l'élément actuel.

<p> Examinons maintenant la différence mise en évidence dans la citation fournie par MDN :

<p>Navigateur et feuilles de style personnalisées

<p>La distinction clé entre unset et revert réside dans leur traitement des propriétés dont les valeurs sont définies par le navigateur ou par feuilles de style personnalisées créées par les utilisateurs (définies côté navigateur).

<p>Lors de l'utilisation de all : unset, les valeurs définies par le navigateur ou par l'utilisateur pour les propriétés sont remplacées par les valeurs héritées ou initiales. En revanche, all: revert est unique dans sa capacité à rétablir des propriétés spécifiques dans leur état avant l'intervention du navigateur ou des feuilles de style de l'utilisateur.

<p>Exemple

<p>Considérez l'extrait CSS suivant :

p {
  margin: 50px;
}
Copier après la connexion
<p>Supposons que ce navigateur applique ce style de marge par défaut à tous les <p> éléments. Maintenant, si nous utilisons :

<p>
Copier après la connexion
Copier après la connexion
<p>La propriété margin reviendra à son état d'origine, comme si le navigateur n'avait pas appliqué son style par défaut.

<p>Cependant, en utilisant :

<p>
Copier après la connexion
Copier après la connexion
<p>réinitialisera la marge à sa valeur héritée, qui serait généralement 0. Ainsi, dans ce cas, unset ne restaurera pas la marge d'origine définie par le navigateur, tandis que revert le fera.

<p>Dans conclusion, all: unset se concentre sur la réinitialisation des propriétés à leurs valeurs héritées ou initiales, tandis que all: revert met l'accent sur la restauration des propriétés à leur état d'origine avant toute modification du navigateur ou de la feuille de style utilisateur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal