JSFiddle - React, Tailwind, and code Playground

by dmethvin

HTML

<table id="test">
        <tr>
            <td>Cell 1</td>
            <td id="cell2">Cell 2</td>
            <td id="cell3">Cell 3</td>
            <td>Cell 4</td>
            <td>Cell 5</td>
            <td>Cell 6</td>
            <td>Cell 7</td>
            <td id="cell8">Cell 8</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
            <td>Cell 3</td>
            <td>Cell 4</td>
            <td>Cell 5</td>
            <td>Cell 6</td>
            <td>Cell 7</td>
            <td>Cell 8</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
            <td>Cell 3</td>
            <td>Cell 4</td>
            <td>Cell 5</td>
            <td>Cell 6</td>
            <td>Cell 7</td>
            <td>Cell 8</td>
        </tr>
        <tr>
            <td>Cell 1</td>
            <td>Cell 2</td>
            <td>Cell 3</td>
            <td>Cell 4</td>
            <td>Cell 5</td>
            <td>Cell 6</td>
            <td>Cell 7</td>
            <td>Cell 8</td>
        </tr>
    </table>

CSS

td {
    padding:3px;
}

JavaScript

var td8 = document.getElementById("cell8"),
    td2 = document.getElementById("cell2"),
    td3 = document.getElementById("cell3"),
    ms  = document.documentElement.webkitMatchesSelector ||
          document.documentElement.mozMatchesSelector ||
          document.documentElement.msMatchesSelector ||
          document.documentElement.oMatchesSelector;

console.log(
    ms.call(td2, "td:nth-child(3), td:nth-child(8)"),
    ms.call(td3, "td:nth-child(3), td:nth-child(8)"),
    ms.call(td8, "td:nth-child(3), td:nth-child(8)"),
    ms.call(td2, "td:nth-child(2)"),
    ms.call(td3, "td:nth-child(2)"),
    ms.call(td8, "td:nth-child(2)")
);