Propriété color

GiB

30 Jan 2008 à 11:16

Bonjour!

Sur la page suivante:
[URL supprimée]

J'aimerais changer la couleurs des liens tels que "www.123deco.com" ou "www.atelier-tranchant.com", etc. mais je n'y arrive pas.

Par exemple, pour le premier lien "www.123deco.com" qui se trouve à la ligne 65, colonne 33 de l'HTML en question, voici sa hierarchie dans le DOM de la page:

html > body > div #page > form #ArticlesRedactionnels > div #centralColumn > div #maincontent > div #c9_ctl > div #c9 > div .urbanLifeViewAllItem > div .coordonnees > p > a

En ce qui concerne la règle CSS correspondante, c'est dans [URL supprimée] aux lignes 130 et 140, que voici:


.urbanLifeViewAllItem .coordonnees p a { color: #900; background: #777; padding: 0.1em 0.2em; }
.urbanLifeViewAllItem .coordonnees p a:hover { background: #aaa; }

Les sélecteurs sont bons car je peux agir sur d'autres propriétés (taille, background, etc.) mais impossible d'agir sur color: #XXX...

Certainement qu'il y a une autre règle quelque part dans ma cascade qui influence cela, mais je n'arrive pas à trouver...

Un(e) volontaire à qui le challenge le motive? ;o)
Modifié par GiB (16 Jun 2010 - 09:33)

geof

30 Jan 2008 à 11:29

Yop,

Ta héritage venant d'un id (#), dans ta feuille sidebarleft.css (line7) (firebug en 8secs... Smiley cligne

)


#sideBarLeftContainer #sideBarLeft a, #sideBarRight a, #centralColumn a {
  sidebarleft.css (line 7)
  color:#FFFFFF;
  text-decoration:none;
}

Ce que je te conseille, c'est de mieux cibler tes cas particuliers, au lieu de classe + selecteur se servir de selecteur + classe. CSS est Orienté Objet, notion d'héritage et de ciblage trés importante

CSS et mise en forme, CSS3

Propriété color