2010-04-13 6 views
1

J'ai un téléavertisseur dans ma page avec des ancres dans ... J'utiliser la suite ... cssEst-ce un css valide?

.page-numbers a { 
color:#808185; cursor:pointer; text-decoration:none;outline:none; 
} 
.page-numbers a:hover { 
text-decoration:underline; 
} 
.page-numbers a:visited { 
color:#808185;outline:none; 
} 

Mais mon tag d'ancrage ne semble pas prendre le dessus css place, il utilise le code CSS ci-dessous ,

a { 
color:#0077CC; cursor:pointer; text-decoration:none;outline:none; 
} 
a:hover { 
text-decoration:underline; 
} 
a:visited { 
color:#4A6B82;outline:none; 
} 

que je donne dans le haut de ma feuille de style ... Toute suggestion ...

+1

poster le code html correspondant? – mpen

+0

êtes-vous sûr que "numéros de page" le nom de classe de l'élément conteneur parent? – ZX12R

+0

La plupart des navigateurs disposent aujourd'hui d'une barre d'outils développeur/menu (ou firebug for firefox) qui vous permet d'inspecter les éléments pour voir quels styles sont appliqués à un élément et lesquels sont remplacés. Mon conseil est d'être amical avec celui de votre navigateur. – CurtainDog

Répondre

4

le sélecteur .page-numbers a signifie « une balise d'ancrage dans une balise avec la classe page-numbers », par exemple:

<div class="page-numbers"><a>This would match</a></div> 

Si vous voulez dire une balise d'ancrage avec la classe page-numbers, utilisez:

a.page-numbers { 
    color:#808185; cursor:pointer; text-decoration:none;outline:none; 
} 
.... 
+0

@Micheal c'était une faute de ma part que mon conteneur parent était faux ... –

1

Etes-vous sûr que vos liens sont sous un conteneur avec classe page numéros? Etes-vous sûr que votre feuille de style est correctement liée à la page?

Etes-vous sûr que ce n'est pas un lien avec la classe des numéros de pages? Dans ce cas, vous devrez utiliser un sélecteur de css .page-numbers pour cibler le lien.