Comprendre la distinction entre «all: unset» et «all: revert»

les mots clés «all: unset» et «all: revert» CSS sont utilisés pour réinitialiser toutes les propriétés d'un élément. Cependant, il existe une différence cruciale entre eux en ce qui concerne les propriétés définies par le navigateur ou les feuilles de styles d'utilisateur personnalisées.

'All: Unset' se comporte comme le mot-clé 'hérité', en définissant la propriété sur sa valeur héréditaire s'il est hérité de l'élément parent. S'il n'y a pas de valeur héréditaire, il définit la propriété sur sa valeur initiale, qui est la valeur par défaut telle que définie par le navigateur.

'All: Revert' , d'autre part, réinitialise la valeur en cascade de la propriété à son état initial avant que toute modification soit apportée par l'origine de style actuelle, y compris l'origine actuelle de la part du ruban par défail Stylesheets.

Pour illustrer, si le navigateur applique une marge par défaut de 50px à un élément 'P', et que vous définissez 'marge: réintégration' sur cet élément, la marge sera réinitialisée à 50px, comme si aucune modification n'avait été apportée. En revanche, le réglage de la marge: unset 'supprimera la marge par défaut du navigateur. marge.

Conclusion: