CSS选择器，用于一系列相邻标记中的第n个

我试图实现一种斑马条纹，但我想将符合条件的标记限制为彼此相邻的标记

比如说

<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> 

跨距a、b和c应为斑马条纹，因为它们彼此相邻，但e不应相邻。第n个孩子可以这样使用吗

:nth-child(even)
:nth-child(odd)

或者你想做更复杂的事情

或者你想做更复杂的事情吗？

这个怎么样：

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

这个怎么样：

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

---

您的意思是，在每一次

.nomatch

之后，下一个立即的

.match

应该从0开始吗？类似于

[白，黑，白，红，红，白，黑]

的地方

.nomatch

是红色的？你能扩展测试用例吗？我想我有一个想法，但我对到底应该发生什么有点困惑。@BoltClock:“在每一次.nomatch之后”不太清楚-它可以在任何非.match+.match序列之后阅读。一个插图会很有帮助。值得一提的是，这是我的纯CSS想法，仍然不确定它是你想要的。我把它改成了被接受答案上的JSFIDLE：你是说在每一次

.nomatch

之后，下一个立即的

.match

应该从0开始吗？类似于

[白，黑，白，红，红，白，黑]

的地方

.nomatch

是红色的？你能扩展测试用例吗？我想我有一个想法，但我对到底应该发生什么有点困惑。@BoltClock:“在每一次.nomatch之后”不太清楚-它可以在任何非.match+.match序列之后阅读。一个插图会很有帮助。值得一提的是，这是我的纯CSS想法，仍然不确定它是你想要的。我将其更改为与接受答案上的JSFIDLE类似：偶数或奇数将使用class.match对匹配元素进行条带化。不确定他还可以尝试做什么。偶数或奇数将使用class.match对匹配元素进行条带化。不确定他还想做什么。这可能是正确的，但它只会突出显示集合中的所有匹配项，而不会将它们条带化。再加上一点样式，你的方法就可以了。更新小提琴以匹配。这可能是正确的，但它只会高亮显示集合中的所有匹配项，而不会对它们进行条带化。更新小提琴以匹配。