html - Chrome 尊重正文标签 CSS 样式，但 FireFox 或 IE 不尊重

Question

我在开发 WordPress 主题时遇到问题。我使用 Chrome 开发了主题，一切看起来都很好。该主题基于 WordPress 的 Roots 主题: http://www.rootstheme.com/

当我在 IE 和 Firefox 中测试主题时，我在 /css/style.css 文件中定义的所有 CSS 元素都没有应用于这些元素!

站点是http://precisionmfgmn.com/ .

在 Firebug 中，我能够在 HEAD 部分看到样式表的内容，但是当我查看 HTML 元素时，工作表中的所有规则都没有应用于元素。

一个值得注意的例子是 BODY 元素，它没有应用背景图像。

关于为什么这会以特定于浏览器的方式发生的任何想法？

Answer 1

您的 .sidebar_bottom {margin-bottom: 30px;"} 声明有误:" 双引号是错误的。 Chrome 肯定有办法继续使用它，但 Firefox 和 IE 忽略了以下规则。

一部分，您在 style.css 中定义背景图像的规则应用于 #body 而不是 body选择器，所以对于 id 等于 body 的元素，而不是 body 元素，它在您的 HTML 代码中没有任何编号。

始终使用 the W3C validator 检查您的 CSS 样式表是一个很好的策略以避免像第一个这样的问题。