本指南假定您熟悉如何在 Chrome 开发者工具中检查 CSS。如需了解基本知识,请参阅查看和更改 CSS。
检查您编写的 CSS
假设您向某个元素添加了一些 CSS,并希望确保正确应用新样式。刷新页面后,该元素的外观与之前相同。出了点问题。
首先要做的是检查元素,确保新的 CSS 实际上已应用于该元素。
有时,您会在元素 > 样式窗格中看到新的 CSS,但新的 CSS 是浅色文本、不可修改、带有删除线,或者旁边带有警告或提示图标。
了解“样式”窗格中的 CSS
样式窗格可识别多种 CSS 问题,并以不同的方式突出显示这些问题。
匹配的选择器和不匹配的选择器
样式窗格会以普通文本显示匹配的选择器,以浅色文本显示不匹配的选择器。