JSFiddle - React, Tailwind, and code Playground

HTML

<p>Some paragraph with <span><em>emphazied</em> text</span></p>
<table>
  <tr>
    <th>Hello</th>
    <th>World</th>
  </tr>
  <tr>
    <td>Привет</td>
    <td>Мир</td>
  </tr>
</table>

CSS

p,span,em,td,th { padding: 3px;}

/* Не работает */
table { border: 1px solid black;}
table tr {border: inherit;}
table td {border: inherit;}
table th {border: inherit;}

/* работает */
/* table tr { border:1px solid black; } */

/* it is works */
p {border: 1px solid black;}
p span {border: inherit;}
p em {border: inherit;}