一系列紧邻标签中第 n 个的 CSS 选择器

Question

我正在尝试实现一种斑马条纹，但我想将符合条件的标签限制为彼此紧邻的标签。

例如

<span class="match">a</span>
<span class="match">b</span>
<span class="match">c</span>
<span class="nomatch">d</span>
<span class="match">e</span> 

有点像 CSS，但实际上不起作用

.match + .match:nth-child(2n){ ... }

跨度 a、b 和 c 应该是斑马条纹，因为它们彼此紧邻，但 e 不应该。 nth-child可以这么用吗？

Answer 1

这个怎么样:

Live Demo

$(".match + .match").each(function() {
    $(this).addClass("stripe").prev().addClass("stripe");
});