[SOLUCIONADO] CSS no me obedece

[Germano6]

Se supone que la última propiedad que le das a un objeto (por ejemplo el borde) es la que vale, a no ser que lleve !important. Corregidme si me equivoco, pero según eso a mi el CSS no me funciona.
Tengo esto:

Código CSS:

#columna > div {
border: 1px solid #333;
}
.tedms {
border: 0;
}
 

Código HTML:

<div id="columna">
...algunas div...
<div class="tedms"></div>
</div>
 

No me hace caso y me deja el borde primero cuando la clase está después. ¿Qué pasa?

[PHPeros]

Para que CSS te "obedezca", tienes que añadir mayor especifidad a sus selectores. [1]

Código CSS:

#columna > div {
border: 1px solid #333;
}
 
#columna > div.tedms {
border: 0;
}
 

En el segundo le añado un selector de clase además de tipo, por lo tanto éste tiene preferencia ante la primera.

[Germano6]

Muy interesante. La verdad es que nunca había visto lo de la especifidad.
Muchas gracias

[Tecna]

Buenas.

Si hay varias reglas que afectan al mismo elemento sólo se aplica la que esté declarada la última en el caso de que todas tengan el mismo peso y la misma importancia.

En el ejemplo que muestras tienen la misma importancia, ya que en ninguna has usado la declaración !important pero no tienen el mismo peso, en el primer caso es 101 (100 por el id y 1 por el div) y en el segundo 10 (10 por la clase) el primero es mayor luego es el que se aplica.