CSS 疊 patch 不診斷根因

問題

CSS 出問題時,Claude 的反應是「加更多 CSS 規則」。按鈕顏色不對?加一條 !important。還不對?再加一條更具體的 selector。還不對?再加。

結果 CSS 從 80 行膨脹到 240 行,問題還是沒解決。最後整份重寫反而只要 120 行。

原因

跟程式碼 debug 一樣,Claude 傾向「疊修」而不是「重診斷」。CSS 的 cascade 機制讓疊修特別危險,因為優先級規則很複雜。

解決方案

CSS 改兩次還沒修好,STOP,重新診斷。先用 curl 抓 theme CSS,列出所有影響目標元素的規則和優先級,找到根因後一次改對。

可複用的 CLAUDE.md 規則

### CSS Debug
- CSS 改兩次沒修好,STOP 重新診斷
- 先 curl 抓 theme CSS,列出影響目標元素的所有規則
- 確認 selector 優先級夠高才動手
- 寧可整份重寫也不要繼續疊 patch

回到頂部