JSFiddle - React, Tailwind, and code Playground

by knospe

HTML

<div>
  <p class="test">
    BLUE
  </p>
  <p class="orange">
    ORANGE
  </p>
  <p class="orange">
    ORANGE
  </p>
  <p class="test">
    BLUE
  </p>
  <p class="orange">
    ORANGE
  </p>
  <p class="test">
    BLUE
  </p>
</div>

CSS

.orange {
  color: orange;
}

.test {
  color: blue;
}

.test:last-child,
.test:last-of-type {
  color: pink;
}