css - #idValue.classValue 选择器的 CSS 选择器浏览器兼容性？

Question

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

有问题的选择器具有以下形式：

#idValue.classValue

它将找到一个具有 ididValue类的元素classValue- 所以，就像这个东西：

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

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

Answer 1

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

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

.classValue#idValue

也可以看看：

• 浏览器是否支持组合类型、ID 和类选择器？
• 将类选择器与 ID 组合

至于研究浏览器支持，QuirksMode.org 的 CSS 兼容性表是一个很好的资源，虽然它没有提到每个可用的选择器。l–c–n.com 有一个更全面的表格。