JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>Items</td>
        <td class="item">item</td>
        <td class="item1">item1</td>
        <td class="item-1">item-1</td>
        <td class="item-dit-kan-wel-doorgaan">item-dit-kan-wel-doorgaan</td>
    </tr>
    <tr>
        <td>bg achteraan</td>
        <td class="item bg">item</td>
        <td class="item1 bg">item1</td>
        <td class="item-1 bg">item-1</td>
        <td class="item-dit-kan-wel-doorgaan bg">item-dit-kan-wel-doorgaan</td>
    </tr>
    <tr>
        <td>bg vooraan</td>
        <td class="bg item">item</td>
        <td class="bg item1">item1</td>
        <td class="bg item-1">item-1</td>
        <td class="bg item-dit-kan-wel-doorgaan">item-dit-kan-wel-doorgaan</td>
    </tr>
</table>

CSS

*[class|="item"] { font-weight: bold; }
*[class~="bg"] { background-color: silver; }
*[class*="ite"] { color: blue; }