JSFiddle - React, Tailwind, and code Playground

by EMIR MARQUES

HTML

<div class="container-demo">
   <table class="table-demo">
      <tbody>
         <tr class="initialized">
            <td>Hello <span>Joe</span></td>
         </tr>
         <tr class="not-initialized fudfIh">
            <td>Not initialized</td>
         </tr>
         <tr class="not-initialized">
            <td>Not initialized</td>
         </tr>
         <tr class="initialized">
            <td>Goodbye</td>
         </tr>
         <tr class="initialized">
            <td>Last line</td>
         </tr>
         <tr class="not-initialized fudfIh">
            <td>Not initialized</td>
         </tr>
      </tbody>
   </table>
</div>

CSS

td {
  border: solid 1px gray;
}

.table-demo {}

/* sc-component-id: sc-ecaExY */
tr.not-initialized td {
 
 }
 
/* sc-component-id: sc-gbzWSY */
.container-demo {
  padding: 50px;
 }
 



.initialized:last-child td {
  color: red !important;
  font-size: 40px !important;
}