如何调试 CSS 代码?

4 css debugging

当页面上的某些元素未按预期显示时,通常如何调试 CSS 并解决问题?现在,我必须痛苦地将 CSS 声明一一注释掉,以了解样式是如何显示的。

Has*_*ash 5

虽然您不能“调试” CSS,因为它不是一种脚本语言,但您可以利用 Chrome DevTools 元素面板来检查元素并查看右侧的样式面板。

这将使您深入了解被覆盖或忽略的样式(行抛出)。

CTRL + SHIFT + I

要查找错误和警告,请使用 CSSLint