JSFiddle - React, Tailwind, and code Playground

by Muthuraman B

HTML

<ul>
  <li class='column'>1</li>
  <li class='column'>1</li>
  <li class='column'>1</li>
  <li class='column'>1</li>
  <li class='column'>1</li>
  <li class='column'>1</li>
  <li class='column'>1</li>
  <li class='column'>1</li>
  <li class='column'>1</li>
</ul>

CSS

.column:nth-child(2n) ~ .column:nth-child(1n) {
  color: red;
}
.column:nth-child(7n) ~ .column:nth-child(1n){
  color:green;
}