CSS nth-match 不起作用

Question

nth-match 应该按照以下方式在 jsfiddle 中工作

:nth-match(even of p,h3) {text-decoration: underline;}

这应该在p 和h3 元素的每一秒下划线。但是，它不起作用 - 无论是在 FF 还是在 Chrome 中：

http://jsfiddle.net/VUKQS/

问题出在哪里？

Answer 1

CSS4 选择器目前没有太多浏览器支持，see here。

您可以使用nth-of-type，这是一个具有更好浏览器支持的 CSS3 选择器 (see here)：

p:nth-of-type(even) {text-decoration: underline;}

DEMO

Answer 2

我一直在寻找，似乎 CSS4 选择器:nth-match 没有太多支持（如果有的话）。

您可以在这里进行测试：http://css4-selectors.com/browser-selector-test/

注意：这是:nth-match pseudo-class 上的 w3.org 文档。

Answer 3

问题出在哪里？

问题在于，您将早期草稿中的想法和提案视为实际功能，使用它们时期望它们完全可以工作，更不用说跨浏览器了。查看status of the WD：

这是一份草稿文件，可能随时被其他文件更新、替换或废止。除了正在进行的工作之外，引用本文档是不恰当的。

恰当的例子：:nth-match() 不再存在。好吧，至少不是那种形式。它的功能（即接受一个选择器参数来匹配）并没有完全消失。相反，它被归入:nth-child()，只是two weeks after this question was originally posted。你可以在the :nth-child() section of the latest ED看到这个。

这是因为，与传统的 :nth-child() 一样，它只匹配共享同一父节点的一组兄弟节点中的元素。旧名称暗示了文档范围的匹配，即作者希望以下匹配，但 the WD never says that:

:nth-match(even of p) { text-decoration: underline; }

<p></p>
<div>
  <p></p> <!-- This should not match -->
</div>

旧名称不再使用，您的小提琴可能永远无法在任何浏览器中使用。此外，自 2013 年 5 月以来没有新的 WD，因此它应该被视为已过时。

即使在我们说话的时候，Selectors 4 规范的这些重大变化仍在进行中，我不认为任何新功能会很快实现。