Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<html>
<head><style>
    table { border-collapse: collapse;}
    table, th, td { border: 1px solid black;}
    th, td {
        padding: 5px;
        text-align: left; vertical-align: top;
    }
    tr.all { background-color: palegreen; }
    tr.other    { background-color: beige; }
    td.chain { border: 1px solid red; }
    td.target { border-left: none; }
</style></head>
<body>
    <table class='rule'>
    <tr class="all"><td>XX</td></tr>
    <tr class="other">
        <td>YY</td>
        <td class='target'>ZZ</td></tr>
    <tr class="other">
        <td>AA</td>
        <td class='chain'>BB</td>
    </tr>
    </table>
</body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers