Как удалить заполнение таблицы в моем случае

Question

Я пытаюсь создать таблицу html и столкнуться с проблемой здесь.

Я надеялся указать одну конкретную строку, чтобы не иметь дополнений с CSS.

HTML

<table cellpadding="10" cellspacing="5"> 
    <tr> 
    <th>Month</th> 
    <th>Savings</th> 
    </tr> 
    <tr> 
    <td>January</td> 
    <td>$100</td> 
    </tr> 
    <tr> 
    <td>February</td> 
    <td>$80</td> 
    </tr> 
    <tr> 
    <td>March</td> 
    <td>$810</td> 
    </tr> 
    <tr> 
    <td>January</td> 
    <td>$100</td> 
    </tr> 
    <tr> 
    <td>February</td> 
    <td>$80</td> 
    </tr> 
    <tr> 
    <td>March</td> 
    <td>$810</td> 
    </tr> 
</table> 

CSS

table, th, td { 
    border:solid 1px red; 
} 

table { 
    border-collapse: inherit; 
    border-spacing: 5px;  
} 

http://jsfiddle.net/3rL9dryp/1/

В jsFiddle, все строки в таблице имеет отступ в верхних строках. Я хочу сохранить прописку для каждой строки, но мне нужно удалить верхнюю прописью в верхнюю строку для одной строки (например, третьей строки). Это выполнимо?

Большое спасибо!

Answer 1

Вы можете использовать CSS3 псевдо-селектор :nth-child:

table tr:nth-child(3) td { 
    padding-top: 0; 
} 

Answer 2

Вот пример кода рабочего. Я добавил padding-top:100px, чтобы подчеркнуть разницу. http://jsfiddle.net/m704mxz6/1/

Изменить его на padding-top:0px;, чтобы достичь своей цели.