[Résolu] Style non appliqué sur une redéfinition de lien

Bonjour à tous,

J'ai un petit souci pour changer la couleur d'un lien dans une classe qui se trouve à l'intérieur d'un id dont le style du lien a déjà été défini. Je m'explique, j'ai la structure suivante :

<div id="leftcolumn">

<div class="message">Match en conflit, résolution en cours : <a href="/conflict/view/matchID/32">voir le conflit</a></div>

</div>

Ci-joint une capture Firebug montrant le rendu, le HTML et l'enchainement des définitions CSS.



J'ai cherché sur le forum genre ici http://forum.alsacreations.com/topic.php?fid=4&tid=46834 et là http://forum.alsacreations.com/topic.php?fid=4&tid=46095, je pense qu'il s'agit d'une histoire de sélecteur ou de hiérarchie... je ne sais pas, je compte beaucoup sur vous pour m'éclairer (j'ai bien évidemment testé les solutions proposées ici)

EDIT : le pb, j'aimerais que le lien de la classe "message" soit blanc et non bold, au lieu d'être bleu et bold, comme défini par leftcolumn.

Merci.
Modifié par jhice (24 Jul 2010 - 14:22)

bonjour,

#leftcolumn .message a 
{
color:#ffffff;
font-weight:normal
}

Bonjour,

@knarf ça dépend de la feuille de quel feuille de style est chargé le premier et par la suite qui va prendre le dessus sur qui.

Moi je changerai directe la propriété CSS sur le layout.css si non je mettrai ça :

#leftcolumn .message a 

{

color:#ffffff !important;

font-weight:normal !important;

}

ceci marchera aussi :

 .message a 

{

color:#ffffff !important;

font-weight:normal !important;

}

Modifié par pixeltn (23 Jul 2010 - 23:31)

knarf a écrit :
bonjour,

#leftcolumn .message a 
{
color:#ffffff;
font-weight:normal
}

+1, ça marche nickel ^^

c'est vrai que j'avais omis de préciser l'ordre de chargement : balises.css, layout.css, site.css

le !important semble n'avoir aucun effet sur ce problème

merci à vous !
Modifié par jhice (24 Jul 2010 - 00:09)

@pixeltn

Heuuu non c'est le poids qui compte il faudrait à ce moment là une déclaration avec un poids supérieur.

Là on a quand même une "id" une "classe" et "un élément" ce qui fait 0111

De plus le !important peux poser des problèmes dans le cas de feuilles de styles utilisateur c'est vraiment à utiliser avec précautions et pas à balancer à tour de bras pour régler un problème d'organisation de la CSS.

http://openweb.eu.org/articles/cascade_css
Modifié par knarf (24 Jul 2010 - 00:13)

knarf a écrit :
De plus le !important peux poser des problèmes dans le cas de feuilles de styles utilisateur c'est vraiment à utiliser avec précautions et pas à balancer à tour de bras pour régler un problème d'organisation de la CSS.

Ca me semble très juste ^^ (d'où ma question initiale)

Merci de tes précisions
Modifié par jhice (24 Jul 2010 - 00:14)

@knarf : merci pour les précisions, je me suis planté et faudra que je revois l'utulisation de mes "!important" dans mes feuilles