解决CSS问题的步骤

Question

我有一个相当小的CSS问题，所以特别是我的网站谷歌搜索它不会返回任何有用的东西。 （我不妨谷歌“为什么我的CSS不工作？”因为问题很容易描述。）

到目前为止，我已经考虑了几种解决问题的方法，包括：

• CSS和HTML验证器和短信
• 在Firebug中调整了几个小时
• 在IDE中粘贴代码以确保parens，[]和{}匹配
• 查看旧代码（其中一些有效）的差异与更新的代码（其中不同部分有效）以查找潜在错误
• 使用IDE拼写检查程序查找拼写错误（当Javascript与CSS和HTML混合时可能很难）
• 使用Google

我应该尝试其他任何故障排除技术吗？

（具体问题是以前正确呈现的@font-face不再正确呈现。）

Answer 1

我会做这样的事情。

首先涉及Firebug（或其他浏览器中的其他方法，当他们遇到问题时）。对我来说非常重要的事实是，你可以看到，哪个css声明真正被使用，然后可以打开和关闭它。

如果这导致没有成功，您可以尝试在页面外重新创建问题。尝试例如将一些代码复制到jsfiddle，然后删除代码，直到错误消失。或者反过来说：从头开始构建代码，直到发生错误。

接下来你要做的就是研究。它是浏览器中的错误，您的代码不正确还是浏览器中不支持的声明

如果使用外部资源，请尝试浏览器中的网络检查员查看是否已加载资源，然后加载确切资源以查看其内容

Answer 2

也许您的网站可以公开访问，所以我们可以看看？或许可以更好地描述问题？

尝试过不同的浏览器？

Answer 3

您是否检查过Firefox的Web控制台？ CSS错误/警告是一项功能。快捷键Ctrl + Shift + K

Answer 4

我知道这篇文章已经过了2年了，但是希望这可以帮助其他任何受到CSS问题困扰的人。我也有同样的问题，无法找到一步一步的过程，这将使我至少能够找到问题，直到我发现这个“Troubleshoot CSS with Firebug”。

我能够最终缩小问题的范围并确定解决方法和修复方法，在我的案例中，这是一个标签，跨度规则集冲突。在过去，我经常偶然发现黑客攻击，最终会在以后产生更多问题。