CodePen Embed - :nth-child 2/2

<ul>
  <li class="item">Item 1</li>
  <li class="cost">$1.99</li>
  <li class="item">Item 2</li>
  <li class="cost">$1.99</li>
  <li class="item">Item 3</li>
  <li class="cost">$1.99</li>
</ul>

:nth-child(-n+2 of li.item) {
  background-color: red;
}

This Pen is owned by Esteban Herrera on CodePen.

See more by @eh3rrera on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.