# revert-rule keyword

Status: Chrome 148, Firefox 150, Safari 27 Beta. Noch nicht Baseline (Ende 2026 erwartet).  
Quelle: https://developer.chrome.com/release-notes/148 and https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/150  
Seite: https://designforai.dev/de/css/revert-rule-keyword

Ein Cascade-Keyword, das so tut, als hätte die aktuelle Regel die Property nicht gesetzt, sodass die nächste passende Regel gewinnt. Passt zu `if()` und bedingten Werten, um innerhalb einer Regel aus einer Deklaration "auszusteigen".

## 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: Browser ohne Unterstützung verwerfen die Deklaration, sodass in diesem einfachen Fall ohnehin die frühere Regel gewinnt; bei komplexen Kaskaden prüfen.

## Prompt

Nutze `revert-rule` in Variantenregeln, um eine Deklaration aus derselben Regel aufzuheben (typischerweise mit `if()` oder Attributbedingungen), damit der vorherige Kaskadenwert gilt, statt den Basiswert zu wiederholen. Unterstützt in Chrome 148+ und Firefox 150+, Safari 27.