css - 为什么 IE7 不能识别对外部样式表的类调用，但可以识别内联样式？

Question

当使用 IE8 通过开发人员工具的浏览器模式功能查看 IE7 时，我遇到了一个奇怪的 CSS 问题。当我更改外部样式表然后在 HTML 中引用该类时，IE7 似乎根本无法识别它。但是，如果我将相同的样式内联，IE7 将遵守它。有没有人听说过这个？这里有一个简单的例子来帮助说明我在说什么:

外部样式表:

.bold {
    font-weight:bold;
}

在 HTML 中调用:

<p class="bold">My paragraph here</p>

尽管所有其他浏览器都可以，但所有更改在 IE7 中都不会生效。

但是，如果我这样做:

<p style="font-weight:bold;">My paragraph here</p>

IE7 似乎很高兴。有什么不同？我真的必须以这种方式更改 CSS，还是有其他解决方法？

我对问题可能是什么感到困惑。我不知道开发者工具的浏览器模式是否有一个怪癖并且不能像真实版本的 IE7 那样工作，或者这是否完全不同。我正在使用 IE8(我无法在这台政府计算机上升级到 IE9)，但我听说我将 IE9 的浏览器模式更改为 IE7 后问题仍然存在。

我们使用 ColdFusion 生成 HTML，使用 HTML5 文档类型 ()，并且我向 2 个外部样式表引用添加了时间戳参数，因此浏览器每次都被迫获取一个新副本。

任何帮助解开这个谜团的人都将不胜感激 - 谢谢!

======对于@Stano 或任何其他有兴趣重现确切问题的人，这里是它的精简版本:https://docs.google.com/open?id=0B02DZPpIlMwGSk1VZHRDUHNCTkU (可以单击"file">“下载”以获取 zip)。请注意，在 IE7 中，“Photographer”没有问题，因为它具有内联样式，但其他人没有选择任何东西。

Answer 1

关于您的评论，您说这可能是缓存问题是正确的，但也可能是该样式表(尽管看起来并非如此)、另一个样式表或无效的 HTML。

我想纠正你的一件事是，HTML 元素中的 class 属性不会调用，因为我认为它可能会影响你对 CSS 和 HTML 交互方式的理解 CSS。相反，CSS 规则告诉浏览器代理如何呈现具有特定属性的事物。这就是为什么我们能够使用元素 ID、名称、组名、类和其他值来标识将哪个类应用到哪些元素。

我提到这一点是因为如果您有无效的 HTML(缺少结束标记、缺少箭头等)，它可能会做各种奇怪的事情。几天前，它帮助我解决了一个问题，即放错位置的标签实际上导致我的脚本在我的一个页面上循环。

稍等片刻，使用 W3C Markup Validator 验证您的 HTML .