JSFiddle - React, Tailwind, and code Playground

by adrianlynch

HTML

<h3 class="st-module-heading">
      <span>
         <span>Lastest Products</span>
      </span>
</h3>

CSS

span {
    /* this css will affect all spans */
    display: block;
    border: 1px solid black;
    padding: 10px;
}

.st-module-heading>span>span {
    /* this css will affect only the second nested span */
    border: 1px solid red;
    color: red;
}