Probleme avec lien comportant une class

Bonjour à tous, je me casse la tête sur des liens dont je n'arrive pas a changer la couleur.

J'ai une div globale dans laquelle mes liens sont définies en css, cette div englobe tous les liens de mon site (c'est pour éviter d'avoir des liens bleu tout moche)

Voici comment j'ai défini mes liens dans la css

Code:

---

1 2	#globale a{color:#macoul;}

---

Ensuite je voudrais que des liens ayant une classe (de la forme <a href="" class="maclass">...</a>) puisse avoir une autre couleur et une autre forme.

J'ai donc définie ces liens dans ma css de la façon suivante

Code:

---

a.maclass {texte-decoration:none; color:#macoul2;}

---

j'ai même essayer de la façon suivante

Code:

---

.maclass a{texte-decoration:none; color:#macoul2;}

---

Le problème est que ma css fonctionne bien sur le text-decoration:none, mais ma couleur n'est pas prise en compte, comment faire dans ce cas la.

EDIT : petite précision sur ce que m'affiche firebug pour ma css

Code:

---

1 2 3 4 5 6 7 8 9 10

#content a { color:#3C281B; } a.lien_bleu { color:#336699; <== barré dans firebug text-decoration:none; } .lien_bleu { color:#336699;<== barré dans firebug }

---

Merci pour vos réponse

A première vue, je ne vois pas d'erreur.
Pourrais-tu poster le reste du code (html+css) s.t.p. ?

Voici mon code abrégé en HTLM dans lequel se trouve mes liens

Code:

---

1 2 3 4 5

<div id="content">   <a class="lien_bleu" href="index.php?page=sejour-bien-etre-et-soins">Séjour Bien être et soins</a>   </div>

---

J'avoue que moi aussi je ne comprend pas pourquoi lorsque je rajoute une class ce n'est pas la couleur de la class qui est prise en priorité, apparement c'est la couleur globale donné au lien .... :?

On dirais que c'est parce que les id sont prioritaires sur les classes.

En faisant comme ça:

Code:

---

1 2 3 4 5

<div class="content">   <a class="lien_bleu" href="index.php?page=sejour-bien-etre-et-soins">Séjour Bien être et soins</a>   </div>

---

et en adaptant le css:

Code:

---

1 2 3

#content a{ color:#3C281B; }

---

le lien s'affiche de la bonne couleur chez moi.

Citation:

---

Envoyé par Ceddoc

On dirais que c'est parce que les id sont prioritaires sur les classes.

---

Il faudra donc faire ceci :

Code:

---

1 2 3 4 5 6 7 8

#content a { color:#3C281B; }   #content a.lien_bleu { color:#336699; text-decoration:none; }

---

Je n'avais pas lu non plus mais jusque la je n'avais pas encore été confronté a ce problème (bizarrement) il faut croire que j'ai eu de la chance :D

Enfin c'est toujours bon a savoir.

Et c'est vrai que ta solution est beaucoup plus propre que la mienne, il faut vraiment que je m'y remette.

Alas70 tu as tout ce qu'il faut je crois, pense au bouton "résolu" :D

Merci pour vos réponses, je vais tester ca de suite !! :yaisse2: