CSS селектор для n-го в ряду непосредственно смежных тегов

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> 

Kinda sorta CSS, который на самом деле не работает

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

Пролеты a, b и c должны быть полосками зебры, потому что они непосредственно примыкают друг к другу, но не должны. Можно ли использовать nth-child таким образом?

Answer 1

Как насчет этого:

Демонстрация в реальном времени

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

Answer 2

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

Или вы хотите сделать что-то более сложное?