nth-col

by Derk-Jan Hartman

HTML

<table class="col-4-left">
  <colgroup>
    <col style="background-color:red">
    <col style="background-color:yellow">
    <col style="background-color:blue;">
    <col style="background-color:green;">
  </colgroup>
  <tr>
    <th>First</th>
    <th>Second</th>
    <th>Third</th>
    <th>Fourth</th>
  </tr>
  <tr>
    <td>nth-col(1)</td>
    <td>nth-col(2)</td>
    <td>nth-col(3)</td>
    <td>nth-col(4)</td>
  </tr>
  <tr>
    <td>nth-col(1)</td>
    <td colspan="2">nth-col(2)</td>
    <td>nth-col(4)</td>
  </tr>
</table>

CSS

th,td {
  min-width: 10em;
}
th {
  text-align: left;
}
td {
  text-align: right;
}
.col-4-left td:nth-col(4) {
  text-align: center;
}