Chrome DevTools CSS 面板中刪除線含義

問題

Chrome F12 開發者工具中，CSS 屬性前出現一條刪除線（橫槓）是什麼意思？

解釋

刪除線表示該 CSS 屬性被其他樣式規則覆蓋，不會生效。常見於：

• 後載入的樣式表同樣選擇器權重相同或更高。
• 行內樣式或 !important 宣告覆蓋。
• 繼承樣式被更具體的選擇器覆蓋。

解決方式

在屬性值後加上 !important 可強制鎖定優先級，但建議優先透過提高選擇器具體度或調整載入順序解決，避免濫用 !important 導致維護困難。