JSFiddle - React, Tailwind, and code Playground

by Jacques Vincilione

HTML

<div class="red">
        This should be red.
    </div>
      <div>
        This should be orange.
    </div>

    <div id="style-sheet-modern"> 
        <div class="etc">This should be black</div>

        <div class="etc2">This has no styles applied to it's class, only to the id with the wildcard, so it should be blue.</div>
        <div class="anotherclass">Same Here.</div>
        <div id="red">
            This should not be red.
        </div>
    </div>

CSS

*{
        color:orange;
        margin:15px 0;
    }
    .red, #red{
        color:red;
    }

	#style-sheet-modern *{
        color:#369;
        margin:3px;
        padding:3px;
        background:#ddd;
    }
    #style-sheet-modern .etc{
    	color:black;
    }