IE/Firefox/Opera 没有选择样式表 - Webkit 没问题答案

【问题标题】：IE/Firefox/Opera not picking up stylesheet - Webkit okayIE/Firefox/Opera 没有选择样式表 - Webkit 没问题
【发布时间】：2014-09-23 17:06:23
【问题描述】：

我正在为客户创建一个网站，但由于某种奇怪的原因，在 IE/Firefox/Opera 中加载页面时，样式表无法正确加载。

在 WebKit（Chrome、Safari、Mobile Chrome、Mobile Safari）中加载网站时，页面加载正常。

我检查了文档类型是否正确，链接没有任何拼写错误，它们在源代码中都正确链接。

我一辈子都想不通为什么它不起作用！

请帮忙！

http://almostinspired.net 和 http://almostinspired.net/wp-content/themes/almostinspired/style.css

【问题讨论】：

看起来 Firefox 正在查看您的样式表，但中途中断了它。到目前为止，我已经确定它到达第 115 行但不是第 161 行！你应该在它们之间取出块......也许是@font-face 声明，看看会发生什么。
太棒了！当我拿出一个h6选择器时它起作用了。奇怪这是怎么回事，嘿？非常感谢你的帮助！您是如何确定 Firefox 在哪个部分破坏了样式表的？
您好，我也面临同样的问题。任何人都可以帮我解决这个问题。在这里我无法理解我到底要做什么。

标签： css internet-explorer firefox opera

【解决方案1】：

发生的情况是，您的 CSS 文件实际上被每个浏览器加载，但只是被某些浏览器部分处理。这可能是因为样式表格式不正确。

我已经确定这些浏览器到达了第 115 行，但还没有完全到达 161。我会尝试删除其中的选择器，直到您确定是哪一个导致了问题。

这就是我为解决这个问题所做的：

我在 Firefox 中打开了您的网站，然后转到“检查元素”。我很清楚，最明显的问题是你的#wrapper div。这个东西在样式表的第 160 行左右设置了样式，这给了我一个它没有到达的行号。我查看了不同的元素以找到它所达到的最低数字，我发现的最低数字是 115。这就是我用来推断此解决方案的原因。

【讨论】：

深入了解此类问题的好技巧。