Come allineare le ultime due colonne di una tabella con i CSS

Question

Vorrei allineare correttamente il testo delle ultime due colonne di una tabella.

<table> 
    <tr> 
    <th>H 1</th> 
    <th>H 2</th> 
    <th>H 3</th> 
    <th>H 4</th> 
    </tr> 
    <tr> 
    <td rowspan='3'>1</td> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    </tr> 
    <tr> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    </tr> 
    <tr> 
    <td>2</td> 
    <td>3</td> 
    <td>4</td> 
    </tr> 
</table> 

non v'è lo stesso numero di colonne in ogni riga e io non sono sicuro di come usare i CSS: nth-child per selezionare le ultime due voci td in ogni fila.

Answer 1

http://jsfiddle.net/BB9ty/

th:last-child, 
td:last-child, 
th:nth-last-child(2), 
td:nth-last-child(2) { 
    text-align: right; 
}