Sofia Emelianova
您是否曾經將 CSS 套用至元素，但卻無法運作？
使用 Chrome 開發人員工具，您就能快速找出 CSS 問題、偵錯及測試。
請觀看影片，瞭解「Elements」 >「Styles」窗格如何醒目顯示各種 CSS 問題：
含有無效語法的屬性
已覆寫資源
無效的資源 
沿用自「
parent」
個繼承的資源
非沿用的資源
可展開的簡寫屬性
覆寫長篇資源
有效的長期資源
使用者代理程式樣式表
- 無法編輯的資源
已覆寫不可編輯的資源
更多偵錯提示：
- 在「Styles」(樣式) 窗格中使用篩選器，找出要查看的屬性。
- 您可以在「運算」窗格中查看所有 Cascade 得獎者及其計算值，
- 在「Computed」窗格中，展開屬性並按一下連結，即可在「Styles」窗格中查看來源。
如要進一步瞭解開發人員工具提出 CSS 問題的所有方式，請參閱「找出無效、覆寫、停用和其他 CSS」一文。
如要提升你的 CSS 專業知識，請參閱「瞭解 CSS」一文。
如要瞭解如何建立適合所有人且美觀的網站，請參閱瞭解回應式設計。