JSFiddle - React, Tailwind, and code Playground

HTML

<table  border>
    <tbody>
      <tr>
    <td>normal</td>
      </tr>
      <tr class="st">
    <td>struck out</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 id="unstrike-id">unstrike-id identifier.  Shouldn't I be normal?</span></td>
      </tr>

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

CSS

tr.st td {
  text-decoration: line-through;
}

tr.st td span.unstrike,
tr.st td span#unstrike-id,
tr.st td span.unstrike-important{
    text-decoration: none;
    background:yellow;
    position: relative;
    display: inline-block;
    top:0px;
}