JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <caption>HTML BG colours</caption>
  <tr><td bgcolor="error">error</td><td bgcolor="success">success</td><td bgcolor="chucknorris">chucknorris</td></tr>
</table>
<hr>
<table class="css">
  <caption>CSS BG colours</caption>
  <tr><td bgcolor="error">error</td><td bgcolor="success">success</td><td bgcolor="chucknorris">chucknorris</td></tr>
</table>

CSS

table.css td[bgcolor="error"] {
  background-color: #C4F;
}
table.css td[bgcolor="success"] {
  background-color: #0CF;
}
table.css td[bgcolor="chucknorris"] {
  background-color: #C75;
}