CSS Revert Layer 示範工具

透過四個層疊層的六種屬性，探索設定值、revert-layer 及省略宣告，提供隔離預覽。

css-revert-layer-demo本機處理

正在啟用本機工具…

工具設定

預設情境

一般宣告優先序：base → theme → components → overrides。省略表示不宣告，不是 unset。

base文字色彩背景色彩邊框字級內距圓角

theme文字色彩背景色彩邊框字級內距圓角

components文字色彩背景色彩邊框字級內距圓角

overrides文字色彩背景色彩邊框字級內距圓角

修改設定會清除舊結果；請重新產生。

僅模擬相同選擇器的一般作者宣告；不含 !important、使用者樣式及未分層規則。省略代表不輸出宣告，不是 CSS unset。

僅在本機記憶體處理，不傳送或儲存輸入。

靜態來源日期：2026-10-18

設定欄位，再產生結果。

選擇情境或修改各層屬性狀態，產生後比較生效來源與完整 @layer CSS。

僅模擬相同選擇器的一般作者宣告；不含 !important、使用者樣式及未分層規則。省略代表不輸出宣告，不是 CSS unset。