Как в css сделать поочердность цвета бекграунда?

Question

[Ярослав]

Есть три цвета, есть ненумерованный список:

<ul>
  <li>Some</li>
  <li>Some</li>
  <li>Some</li>
  <li>Some</li>
  <li>Some</li>
  <li>Some</li>
  <li>Some</li>
  <li>Some</li>
  <li>Some</li>   
</ul>

Как по очереди сделать бекграунд каждому элементу из трех цветов: синий, красный, зеленый, синий, красный, зеленый и т.д.?

Answer 1

[Alex]

li:nth-child(3n - 2) {
  background: blue
}

li:nth-child(3n - 1) {
  background: red
}

li:nth-child(3n) {
  background: green
}