¿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 todotd
s 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-bottom
ypadding: 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.