Sofia Emelianova
您是否曾經試著將 CSS 套用至元素，但卻無法正常運作？
您可以使用 Chrome 開發人員工具，一覽 CSS 問題、進行偵錯及測試。
請觀看這部影片，瞭解「Elements」 >「Styles」窗格如何標示各種 CSS 問題：
語法無效的資源
已覆寫的屬性
無效的資源 
繼承自
parent
繼承的屬性
非繼承屬性
可展開的簡寫屬性 
已覆寫的長式屬性
有效的長手寫屬性
使用者代理程式樣式表
- 不可編輯的資源
已覆寫的不可編輯屬性
更多偵錯提示：
- 使用「樣式」窗格中的篩選器，專注於您感興趣的單一屬性。
- 使用「計算」窗格，查看所有Cascade勝出者及其計算值。
- 在「計算」窗格中展開屬性，然後點選連結，在「樣式」窗格中找出來源。
如要進一步瞭解開發人員工具標示 CSS 問題的所有方式，請參閱「找出無效、已覆寫、未啟用和其他 CSS」。
如要進一步瞭解 CSS，請參閱「學習 CSS」一文。
如要瞭解如何建立外觀優美且適用於所有使用者的網站，請參閱回應式設計學習指南。