# revert-rule keyword

Status: Chrome 148, Firefox 150, Safari 27 beta. Ainda não é Baseline (esperado para o fim de 2026).  
Fonte: https://developer.chrome.com/release-notes/148 and https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/150  
Página: https://designforai.dev/pt/css/revert-rule-keyword

Uma palavra-chave de cascata que age como se a regra atual não tivesse definido a propriedade, deixando a próxima regra correspondente vencer. Combina com `if()` e valores condicionais para "desistir" de uma declaração dentro de uma regra.

## 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: Navegadores sem suporte descartam a declaração, então a regra anterior vence de qualquer forma neste caso simples; verifique em cascatas complexas.

## Prompt

Use `revert-rule` dentro de regras de variante para cancelar uma declaração da mesma regra (tipicamente com `if()` ou condições de atributo) para o valor anterior da cascata se aplicar, em vez de repetir o valor base. Suportado no Chrome 148+ e Firefox 150+, Safari 27.