#idValue.classValue 选择器的 CSS 选择器浏览器兼容性？答案

【问题标题】：CSS selector browser compatibility of #idValue.classValue Selector?#idValue.classValue 选择器的 CSS 选择器浏览器兼容性？
【发布时间】：2012-05-03 14:10:05
【问题描述】：

我将如何查找或全面测试特定 CSS 选择器的浏览器兼容性？

有问题的选择器具有这种形式：

#idValue.classValue

它会找到一个 id 为 idValue 且类为 classValue 的元素 - 所以，就像这个东西：

<div id="idValue" class="classValue">

它与主要浏览器的兼容性如何？在不运行所有浏览器的情况下如何研究此选择器的兼容性？这种复合选择器有名字吗？

【问题讨论】：

标签： css css-selectors cross-browser

【解决方案1】：

每个浏览器都完全支持这个选择器。它没有特殊的名称，但有趣的是它被称为“复合选择器”，因为它是两个简单选择器的组合。

如果你翻转选择器，它应该也可以工作：

.classValue#idValue

另见：

至于研究浏览器支持，QuirksMode.org's CSS compatibility table 是一个很好的资源，虽然它没有提到所有可用的选择器。 l–c–n.com has a much more comprehensive table.

【讨论】：

那么，没有兼容性警告？ IE 的版本会倒退吗？如果我通过各种版本的 IE 回到过去，它会在什么时候消失？
@artlung：我怀疑每个版本都可以，但是直到 IE4 才开始使用网络浏览器（IE3 是第一个支持 CSS 的版本）。
IE 直到并包括版本 6 在链式类选择器方面确实存在问题 - 请参阅我的编辑。
所以你说像.className1.className2这样的CSS选择器会导致IE6或更早版本出现问题。我的时间比你长，但我不记得当时以这种方式使用 CSS。（我患有严重的腹腔炎，没有很好地使用级联）。无论如何，谢谢。