nth-child

• mango 1
• mango 2
• apple 1
• apple 2
• apple 3
• apple 4
• apple 5

html:

  <ul>
    <li class="mango">mango 1</li>
    <li class="mango">mango 2</li>
    <li class="apple">apple 1</li>
    <li class="apple">apple 2</li>
    <li class="apple">apple 3</li>
    <li class="apple">apple 4</li>
    <li class="apple">apple 5</li>
  </ul>
  

css:

    ul .apple:nth-child(3) {
      color: red;
    }