The revert-rule keyword rolls back the cascade to the previous rule, similar to how revert-layer rolls back the cascade to the previous layer. For example: ``` div { color: green; } div { color: revert-rule; /* Effectively green */ } ``` This is especially useful in combination with conditionals, as it allows eliminating the current rule if some condition is not met: ``` div { display: if(style(--layout: fancy): grid; else: revert-rule); } ```
Explainers: https://github.com/w3c/csswg-drafts/blob/main/css-cascade-5/revert-rule-explainer.md