revert-rule keyword

Chrome 148, Firefox 150, Safari 27 beta. Todavía no es Baseline (previsto para finales de 2026).

Chrome 148Edge 148Safari 27 betaFirefox 150

Una palabra clave de cascada que actúa como si la regla actual no definiera la propiedad, dejando ganar a la siguiente regla que coincida. Se combina con `if()` y valores condicionales para "desactivar" una declaración dentro de una regla.

Plain variant keeps the base colour via revert-rule.

CSS

.fx-048 {
  color: #2563eb;
  font-family: system-ui;
  font-weight: 600
}
.fx-048-plain {
  color: revert-rule;
  font-weight: revert-rule
}
 /* falls back to UA / earlier rule */

HTML

<p class="fx-048 fx-048-plain">Plain variant keeps the base colour via revert-rule.</p>

Fallback: Los navegadores sin soporte descartan la declaración, así que en este caso simple gana igualmente la regla anterior; verifícalo en cascadas complejas.

Fuente: developer.chrome.com/release-notes/148 and https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/150

Prompt

Usa `revert-rule` dentro de reglas de variante para cancelar una declaración de la misma regla (normalmente con `if()` o condiciones de atributo) de modo que se aplique el valor previo de la cascada, en lugar de repetir el valor base. Soportado en Chrome 148+ y Firefox 150+, Safari 27.