JSFiddle - React, Tailwind, and code Playground

RGB text with :nth-child (ugly though because it needs spans)

by nilloc

HTML

<div id="tester"><span>a</span><span>b</span><span>c</span><span>d</span><span>e</span><span>f</span><span>g</span><span>h</span><span>i</span><span>j</span><span>k</span><span>l</span></div>

CSS

#tester>*:nth-child(3n+1){
  color:red;
}

#tester>*:nth-child(3n+2){
  color:green;
}

#tester>*:nth-child(3n+3){
  color:blue;
}