How does a CSS rule override another CSS rule?

[pyro]

So, this is what I'm doing:\[code\]table#id-form td {padding: 0 0 10px 0;}#particular-td {border: 1px solid black;text-align: center;background-color: #DFDFDF;height: 30px;padding: 10px;}\[/code\]I have a table 'id-form', on which I set all tds to have a padding-bottom to be 10px. But on one special occasion I want a particular td to have an around padding of 10px, which I set in the 'particular-td'.Obviously, I put the CSS styling in sequence in an external file. But the final CSS which appears is having just padding bottom, and padding: 10px appears to be overriden.I would want to learn why and how this happens? How do I arrange these rules to solve my problem, other than inline styling?