Как правило CSS переопределяет другое правило CSS?

Итак, вот что я делаю:

#id-form td {
padding: 0 0 10px 0;
}

#particular-td {
border: 1px solid black;
text-align: center;
background-color: #DFDFDF;
height: 30px;
padding: 10px;
}

У меня есть стол#id-formна котором я поставил всеtdчтобы иметьpadding-bottom: 10px.
Но в одном особом случае я хочуtd иметьpadding: 10px во всех направлениях, которые я установил в#particular-td.

Очевидно, я поместил стилизацию CSS во внешний файл.
Но визуализированный CSS имеет толькоpadding-bottom, а такжеpadding: 10px кажется переопределенным !?

Please explain:
How and why is this happening?
How should I arrange these rules to solve my problem (other than inline styling)?

РЕДАКТИРОВАТЬ: я удалил'table' до#id-form в табл. Я никогда не использовал это, я просто упомянул это здесь, чтобы иметь возможность объяснить это лучше.