JSFiddle - React, Tailwind, and code Playground

by Stéphane Cabaret

HTML

<div id="test">
    <span class="bla">Katze</span>
    <div class="blubb">Hund</div>
    <span class="blubb">Ente</span>
    <div class="bla">Wolf</div>
    <span class="bla">Kuh</span>
</div>

CSS

#test .bla:nth-of-type(2)
{
  color: red;  
}
#test .bla:nth-child(3)
{
  color: green;
}
#test .blubb:nth-child(2)
{
  color: blue;
}