查找无效、已替换、无效和其他 CSS

Sofia Emelianova
Sofia Emelianova

本指南假定您熟悉如何在 Chrome 开发者工具中检查 CSS。如需了解基本知识,请参阅查看和更改 CSS

检查您编写的 CSS

假设您向某个元素添加了一些 CSS,并希望确保正确应用新样式。刷新页面后,该元素的外观与之前相同。出了点问题。

首先要做的是检查元素,确保新的 CSS 实际上已应用于该元素。

有时,您会在元素 > 样式窗格中看到新的 CSS,但新的 CSS 是浅色文本、不可修改、带有删除线,或者旁边带有警告或提示图标。

了解“样式”窗格中的 CSS

样式窗格可识别多种 CSS 问题,并以不同的方式突出显示这些问题。

匹配的选择器和不匹配的选择器

样式窗格会以普通文本显示匹配的选择器,以浅色文本显示不匹配的选择器。