JSFiddle - React, Tailwind, and code Playground

HTML

<style type="text/css">
tr.st td {
  
}

tr.st td span.unstrike{
  text-decoration: none;
  background:yellow;
}

tr.st td span.strike{
  text-decoration: line-through;
  background-color: red;
}

</style>


<table  border>
    <tbody>
      <tr class="st">
        <td><span class="strike">normal</span></td>
      </tr>
      <tr class="st">
          <td><span class="strike">struck out</span></td>
      </tr>

      <tr class="st">
        <td>struck out <span class="unstrike">unstrike class: shouldn't I be normal?</span></td>
      </tr>

      <tr class="st">
        <td>struck out <span class="unstrike">unstrike-id identifier.  Shouldn't I be normal?</span></td>
      </tr>

      <tr class="st">
        <td>struck out <span class="unstrike">unstrike-important: shouldn't I  be even more normal?</span></td>
      </tr>
    </tbody>
  </table>