problema de inherit

[EmmanuelOA]

Tengo el siguiente css:

Código:

.der img,
.der a,
.der a:hover img,
.der a:visited:hover img {
	padding:0;
	border:none;
}
#contenido img {
	padding:3px;
	border:#CCCCCC 1px solid;
}
#contenido a:hover img,
#contenido a:visited:hover img {
	border:#999999 1px solid;
}

En el html, el div .der está dentro del #contenido, así que mi código .der img no funciona.

¿Cómo podré hacer?

¡Gracias!

[EmmanuelOA]

¿Alguna idea?

[Mikmoro]

Creo que tienes una css muy liosa, no obstante, pon el html al que la quieres aplicar, para intentar hacernos una idea de qué quieres conseguir.

Mikel.

[daPhyre]

El problema es que es una hoja de estilo de cascada, en otras palabras, lo último tiene prioridad sobre lo primero. Intenta ponerlo en el orden correcto (Primero todo lo de #contenido y luego todo lo de .der).

¡Suerte!

[EmmanuelOA]

Gracias.

Lo del orden lo había intentado antes (estaba a la inversa originalmente, de hecho), pero no funciona.

El html sería más o menos así:

Código HTML:

<div id="contenido">
<div class="der"><a href="#"><img src="../../img/rss.jpg" alt="RSS" width="20" height="20" /></a></div>
<p>texto simulado</p>
<a href="#"><img src="../../img/imgcualquiera.jpg" alt="Cualquiera" width="20" height="20" /></a>
</div> 

La imgcualquiera.jpg sí debe tener padding y borde, y la rss.jpg no debería.
Tal vez sea algo lioso el css, pero todas las imágenes en #contenido quiero que tengan padding excepto ésa que está en .der. Tal vez puede resolverse de otra manera.