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

<p>

<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;
}

<p>Supposons que ce navigateur applique ce style de marge par défaut à tous les <p> éléments. Maintenant, si nous utilisons :

<p>

<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>

<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!