¿Cómo una regla CSS invalida otra regla CSS?

Entonces, esto es lo que estoy haciendo:

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

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

Tengo una mesa#id-form, en el que pongo todotds tenerpadding-bottom: 10px.
Pero en una ocasión especial, quiero un particular.td tenerpadding: 10px en todas las direcciones, que puse en el#particular-td.

Obviamente, puse el estilo CSS en secuencia en un archivo externo.
Pero el CSS renderizado solo tienepadding-bottomypadding: 10px parece ser anulado?

Por favor explique:
¿Cómo y por qué está sucediendo esto?
¿Cómo debo organizar estas reglas para resolver mi problema (aparte del estilo en línea)?

EDITAR: he eliminado'table' antes de#id-form en mesa. Nunca usé esto, lo mencioné aquí para poder explicarlo mejor.

Respuestas a la pregunta(4)

Su respuesta a la pregunta