W jaki sposób reguła CSS zastępuje inną regułę CSS?

Tak właśnie robię:

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

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

Mam stolik#id-form, na którym ustawiłem wszystkotds miećpadding-bottom: 10px.
Ale przy jednej specjalnej okazji chcę konkretnegotd miećpadding: 10px we wszystkich kierunkach, które ustawiłem w#particular-td.

Oczywiście umieściłem styl CSS w sekwencji w zewnętrznym pliku.
Ale renderowany CSS ma tylkopadding-bottom, ipadding: 10px wydaje się być przesłonięty !?

Proszę wytłumacz:
Jak i dlaczego tak się dzieje?
Jak powinienem zorganizować te zasady, aby rozwiązać mój problem (inny niż stylizacja inline)?

EDYTUJ: Usunąłem'table' przed#id-form w tabeli. Nigdy z tego nie korzystałem, właśnie wspomniałem o tym tutaj, aby móc lepiej to wyjaśnić.

questionAnswers(4)

yourAnswerToTheQuestion