CSS | Seletor enésimo filho

Exemplo de uso do seletor do enésimo filho

HTML

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
  <li>Item 7</li>
  <li>Item 8</li>
  <li>Item 9</li>
</ul>

CSS

li:nth-child(4) { color: red; }
li:nth-child(2n+1) { color: blue; }
li:nth-child(5n) { color: green; }