我正在编写一些 CSS 文件，但是当我出错时，Chrome 似乎只是默默地忽略了我搞砸的部分，并渲染了其余部分。
这使得调试很烦人，因为我不知道出了什么问题。
那么，有没有办法让 Chrome “用大红字对我尖叫”，这样我就可以花更少的时间来查找错误并花更多的时间来修复它？
问问题
17258 次
2 回答
6
虽然您不能“调试” CSS，因为它不是一种脚本语言，但您可以利用 Chrome DevTools Elements 面板检查元素并查看右侧的 Styles 面板。这将使您深入了解被覆盖或忽略的样式（行抛出）。样式窗格也很有用，因为它能够实时编辑正在检查的文档，这可以帮助您解决问题。如果样式被覆盖，您可以查看 Computed Style 窗格以查看实际用于设置文档样式的 CSS。
要打开 Chrome DevTools 窗口，请在Chrome 浏览器选项卡中点击Ctrl++ 。（+ +对于 mac）ShiftICommandOptI
欲了解更多信息，请访问https://developer.chrome.com/devtools/index
于 2012-06-17T04:45:33.900 回答
3
由于 CSS 不是脚本语言，因此您无法正确调试它。无论如何，如果您知道哪里出了问题，您可以尝试手动调整它。
此外，您还可以在此处获得 w3c 验证器：http: //jigsaw.w3.org/css-validator/这可能会给您一些反馈
于 2012-06-16T16:44:20.790 回答