# revert-rule keyword

Estado: Chrome 148, Firefox 150, Safari 27 beta. Todavía no es Baseline (previsto para finales de 2026).  
Fuente: https://developer.chrome.com/release-notes/148 and https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/150  
Página: https://designforai.dev/es/css/revert-rule-keyword

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.

## HTML

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

## CSS

```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 */
```

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.

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