JSFiddle - React, Tailwind, and code Playground

by fristyr

HTML

<!--First example-->

<head>
    <title>Doc</title>
</head>
<body>
    <div>
        <span><p>?</p></span>
    </div>

<!--Second example-->

<div>
    <div class='test1'>?</div>
</div>

<!--Third example-->

<div id="id1">
    <div id="id2">?</div>
</div>

</body>

CSS

/* First example*/

/* span p {
  background-color: gray;
}


html p {
   background-color: red;
} */


/*Second example*/


/*  div.test1 {
   background-color: gray;
 }
 
 iv > .test1 {
  background-color: yellow;
 }
 
 div .test1 {
  background-color: red
 }
 */
 
 
 /*Third example*/
 
/*  #id1 div {
   background-color: gray;
 }
 #id2 {
  background-color: red
 } */