JSFiddle - React, Tailwind, and code Playground

by ramsesoriginal

HTML

<div id="ID">
        <p class="class">
            Text in a "p" with class "class" inside id "ID"
        </p>
        <p>
            Text in a "p" inside id "ID"
        </p>
        <div class="class">
            Text with class "class" inside id "ID"
        </div>
        Text inside id "ID"
    </div>
    <p class="class">
       Text in a "p" with class "class"
    </p>
    <div class="class">
       Text class "class"
    </div>
    <p>
       Text in a "p" 
    </p>

CSS

.class {
         background-color: red;
     }
     #ID {
         background-color: green;
     }
     p {
         background-color: blue;
        color:white;
     }

     #ID .class {
         background-color: yellow;
     }

     #ID p.class {
         background-color: grey;
     }