JSFiddle - React, Tailwind, and code Playground

by dystroy

HTML

<ply>
    <span class=move>AAA</span>
  <ply>
    <span class=move>BB</span>
  </ply>
</ply>

CSS

.ply  {counter-increment(main);}
.move:before {content:counter(main);}

JavaScript

$('.move').each(function(){
    if ($(this).text().length>2) $(this).css({color:'red'});
});