So richten Sie die letzten zwei Spalten einer Tabelle mit CSS aus

Question

Ich möchte den Text der letzten beiden Spalten einer Tabelle nach rechts ausrichten.

<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> 

Es ist nicht die gleiche Anzahl von Spalten in jeder Zeile und ich bin nicht sicher, wie CSS verwenden: n-ter Kind die letzten beiden td Elemente in jeder Zeile auszuwählen.

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; 
}