Использование :nth-child(3n+1)
by webref
HTML
<ul>
<li>Один</li>
<li>Два</li>
<li>Три</li>
<li>Четыре</li>
<li>Пять</li>
<li>Шесть</li>
<li>Семь</li>
</ul>
CSS
li:nth-child(3n+1) {
background: limegreen;
}
by webref
<ul>
<li>Один</li>
<li>Два</li>
<li>Три</li>
<li>Четыре</li>
<li>Пять</li>
<li>Шесть</li>
<li>Семь</li>
</ul>
li:nth-child(3n+1) {
background: limegreen;
}