IE8 不接受怪异模式下的多个类？

Question

我遇到了 IE8 似乎正在删除 CSS 选择器的情况。我觉得这很难相信，但我无法弄清楚发生了什么。

在 .css 文件中，我有这样的声明：

#srp tr.objectPath.hover td {
    border-top:none;
}

但是，当我通过内置开发人员工具检查 IE8 中的文件时，声明被修改为：

#srp TR.hover TD {
    border-top:medium none;
}

我不关心大小写的更改或规则的重述，但删除“.objectPath”是一个真正的问题，因为它针对的规则比我预期的更广泛。

我注意到这个页面是并且必须保持在 Quirks 模式。

有什么想法吗？

谢谢！

Answer 1

在 Quirks 模式下，IE 8 呈现页面并将 DOM 视为 IE 5.5 呈现的方式。这就是 Quirks 模式下的 IE 8 忽略多个类的原因。这不是 IE 8 中的错误，如果您希望正确解析和呈现页面，那么您必须设置正确的 DOCTYPE 以在标准模式下呈现页面。

Answer 2

如果您尝试使用 hover 伪类，则 tr.objectPath.hover 不是正确的语法。正确的语法是使用冒号（即tr.objectPath:hover）。当机器读取您的代码时，它会将 objectPath 读取为 tr 的类名，但当它到达 hover 时，它就会消失旧类名并将其替换为 hover 类（无论实际上是否有任何元素属于该类。另外，如果是这种情况，那么我看不出你是什么尝试通过引用 :hover 实例的子级来完成，

如果您实际上使用 hover 作为类名（我不推荐这样做，因为它可以）让阅读代码的人感到困惑），并且您希望 CSS 应用于 tr 的 td 子级，该 tr 属于 objectPath 和 考虑为两个类的元素创建一个新类并使用它（即#srp tr.newClass td ）。

hover 类，您可能会 编辑：进一步研究此事，似乎这是（还）一个（另一个）IE 中的已知错误。我已经在IETester中测试过了，它似乎存在于所有版本的IE中。我在你这边看到的唯一解决方案非常非常混乱：

首先，它需要在 CSS 中使用 JavaScript，因为你无法访问其他任何东西。这是可能的，但很容易出现错误。

其次，需要在该 JavaScript 中创建一个 getElementsByClass 函数，该函数可以采用多个类名作为参数。这将是一个非常大的代码块 。

最后，您可能希望考虑将此代码指定为 仅由 IE 使用，这样其他浏览器的用户就不必处理所有这些东西带来的任何潜在问题。

澄清一下，我不建议这样做。相反，我建议联系那些有权访问 HTML 源代码的人（假设您实际上正在与他们合作），以便他们可以应用更简单的修复方法，将 objectPathhover 类添加到属于两个类甚至属于它们的 td 子类的 tr 元素。

Answer 3

看起来您的声明中存在一些不正确的语法，但很难准确说出您在做什么。您是否正在尝试匹配悬停状态，或者是否有一个实际上称为“悬停”的类？

如果要获取状态，请尝试：

#srp tr.objectPath:hover td {
    ...
}

如果有另一个类，您可能需要 2 个单独的声明：

#srp tr.objectPath td {
    ...
}

#srp tr.hover td {
    ...
}