JSFiddle - React, Tailwind, and code Playground

by Liu ChangFeng

HTML

<div>
  <div class="odd">
    111111
  </div>
  <div class="even from">
    22222
  </div>
  <div class="odd">
    33333
  </div>
  <div class="even">
    44444
  </div>
  <div class="odd">
    55555
  </div>
  <div class="even">
    66666
  </div>
</div>

CSS

.from~.odd {
  color: #F00;
  letter-spacing: 1px;
}

.from+.odd {
  color: #00f;
  font-weight: bold;
}