在googlechrome中调试CSS

我正在编写一些CSS文件，但当我出错时，Chrome似乎只是默默地忽略了我搞错的部分，并渲染了其余部分

这使得调试变得很烦人，因为我无法找出哪里出了问题

---

那么，有没有办法让Chrome“用大红字母对我尖叫”，这样我就可以花更少的时间查找错误，花更多的时间修复错误？

因为CSS不是一种脚本语言，你不能正确地调试它。不管怎样，如果你知道哪里出了问题，你可以试着手动调整

另外，这里有w3c验证器：它可能会给你一些反馈，而你不能“调试”CSS，因为它不是一种脚本语言，你可以利用Chrome DevTools元素面板来检查元素并查看右边的样式窗格。这将使您了解被覆盖或忽略的样式（线抛出）。“样式”窗格也很有用，因为它能够实时编辑正在检查的文档，这可以帮助您解决问题。如果样式被覆盖，则可以查看“计算样式”窗格，以查看实际用于设置文档样式的CSS

要打开Chrome DevTools窗口，请在Chrome浏览器选项卡中按Ctrl+Shift+I。（mac的命令+Opt+I）

---

有关更多信息，请访问

，您可以使用chrome中的元素检查器查看应用于元素的CSS，以及推翻/忽略的CSS规则。要打开元素检查器，您可以使用f12或ctrl+shift+j。如果您在本地开发应用程序，如何使用该选项。例如，我正在使用Visual Studio 2013并通过按F5运行应用程序。