JSFiddle - React, Tailwind, and code Playground

by codef0rmer

HTML

<div>&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&gt;&lt;/div&gt;</div>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&gt;&lt;/span&gt;</span>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;
    <span><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&gt;&lt;/span&gt;</span><br/>
&nbsp;&nbsp;&nbsp;&nbsp;&lt;/p&gt;        
</p>
<div></div>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&gt;&lt;/span&gt;</span>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;&lt;/p&gt;</p>
<span>&nbsp;&nbsp;&nbsp;&nbsp;&lt;span&gt;&lt;/span&gt;</span><br/>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&gt;&lt;/div&gt;</div>
<div>&nbsp;&nbsp;&nbsp;&nbsp;&lt;div&gt;&lt;/div&gt;</div>

CSS

div:first-child { border: 2px solid green;}
div:last-child { border: 2px solid blue;}
div:empty { border: 2px solid black;width:100px;height:30px;}

span:nth-child(7) { border: 2px solid pink;}

JavaScript

/*
 * HTML5 Session Structured Psuedo Classes Demo
 */