JSFiddle - React, Tailwind, and code Playground
HTML
<div id="myExample">
<h1 id="title"><a href="http://stackoverflow.com/users/248129/richard-jp-le-guen"><span class="name">Richard</span>'s</a> Example</h1>
<p class="text">
<span>Lorem</span> <span>ipsum</span> <span>dolor</span> <span>sit</span> <span>amet,</span> <span>consectetur</span> <span>adipiscing</span> <span>elit</span> <span>Vivamus</span> <span>neque</span> <span>sapien,</span> <span>pretium</span> <span>ut</span> <span>posuere</span> <span>quis,</span> <span>dignissim</span> <span>sed</span> <span>sem</span> <span>Maecenas</span> <span>tincidunt</span> <span>arcu</span> <span>lacinia</span> <span>nisi</span> <span>egestas</span> <span>ullamcorper</span> <span>Nunc</span> <span>velit</span> <span>lorem,</span> <span>mattis</span> <span>eu</span> <span>iaculis</span> <span>a,</span> <span>interdum</span> <span>in</span> <span>sapien</span> <span>Ut</span> <span>fermentum</span> <span>vestibulum</span> <span>tortor</span> <span>Ut</span> <span>quis</span> <span>lorem</span> <span>lectus,</span> <span>quis</span> <span>egestas</span> <span>metus</span> <span>Vestibulum</span> <span>metus</span> <span>lectus,</span> <span>mattis</span> <span>vel</span> <span>lacinia</span> <span>eu,</span> <span>cursus</span> <span>eu</span> <span>libero</span> <span>Donec</span> <span>dictum</span> <span>dapibus</span> <span>pulvinar</span> <span>Sed</span> <span>tortor</span> <span>lacus,</span> <span>lacinia</span> <span>non</span> <span>tristique</span> <span>eu,</span> <span>gravida</span> <span>quis</span> <span>orci</span> <span>Nam</span> <span>dignissim,</span> <span>nibh</span> <span>eget</span> <span>condimentum</span> <span>semper,</span> <span>diam</span> <span>purus</span> <span>laoreet</span> <span>nunc,</span> <span>eu</span> <span>condimentum</span> <span>erat</span> <span>sapien</span> <span>sed</span> <span>mi</span> <span>Donec</span> <span>posuere</span> <span>sem</span> <span>non</span> <span>ligula</span> <span>consequat</span>...
CSS
#myExample {
color:blue;
}
#myExample .text {
color:green;
}
#myExample #title .name {
color:yellow;
}
#myExample span:nth-child(2n) {
color:red;
}