Problème héritage de classes sur des images [résolu]

Holé,

soit ce code html:

<div class="auteur">
blablabla
<p><img src="photo.png" alt="photo" /></p>
blablabla
<img src="icon_mrgreen.gif" alt=":mrgreen:" class="wp-smiley" />
</div>

et ce code css:

.wp-smiley {border: 1px solid;}
.auteur img {border: 4px solid #cccccc;}

pourquoi le smiley avec la class "wp-smiley" prend t'il le même aspect que les images sans classe présentes dans le div "auteur" ?

++
Modifié par fraiddoo2 (17 Apr 2008 - 11:56)

Hello fraiddoo2 et bienvenue ,

cela est dû à la règle de priorité des sélecteurs : comme tes déclarations ciblent toutes les 2 ton image icon_mrgreen.gif, c'est celle qui a la plus haute priorité qui prime.

Pour solutionner cela, tu pourrais faire :

.auteur img {border: 4px solid #cccccc;}
img.wp-smiley {border: 1px solid;}

A+

merci