css - 解决 CSS 问题的步骤

Question

我有一个相当小的 CSS 问题，对我的网站来说非常特殊，谷歌搜索没有返回任何有用的信息。 (我还不如用谷歌搜索“为什么我的 CSS 不工作？”，因为问题很容易描述。)

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

• CSS 和 HTML 验证器和 linters
• 在 Firebug 中调整了几个小时
• 在 IDE 中粘贴代码以确保括号、[] 和 {} 匹配
• 查看旧代码(其中一些有效)与新代码(不同部分有效)的差异以发现潜在错误
• 使用 IDE 拼写检查器查找拼写错误(当 Javascript 与 CSS 和 HTML 混合使用时可能会很困难)
• 谷歌搜索

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

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

Answer 1

我会做这样的事情。

起初尝试使用 Firebug(或其他浏览器出现问题时的其他方法)。对我来说非常重要的是，您可以看到真正使用了哪个 css 声明，然后可以打开和关闭它。

如果这导致不成功，您可以尝试在您的页面之外重新创建问题。尝试例如将一些代码复制到 jsfiddle 中，然后删除代码，直到错误消失。或者反过来:从头开始编写代码，直到出现错误。

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

如果使用了外部资源，试试浏览器的network inspectors看看，如果加载了资源再加载具体的资源看看，这个内容是什么