style css de travail mais le lien css pas

Question

Y a-t-il une raison pour que mon CSS ci-dessous fonctionne seulement à moitié?

div.share 
{ 
    position:relative; 
    top: -4px; 
    left: 25px; 
    font-family:Tahoma; 
    background-color:#000000; 
    font-size:11px; 
    font-weight:bold; 
} 
/* share link css */ 
a.share:active 
{ 
    color: #000000; 

} 
a.share:hover 
{ 
    color: #FFFFFF; 
    background-color:#000000; 
    text-decoration: none; 
} 

Le div.share CSS est tout travail, mais le CSS pour le active et hover ne

Answer 1

CSS est valide, mais assurez-vous que le lien ne la classe « part », si son dans la DIV, changer le css:

div.share a:active 
{ 
     color: #000000; 

} 
div.share a:hover 
{ 
     color: #FFFFFF; 
     background-color:#000000; 
     text-decoration: none; 
} 

Answer 2

ajouter votre code html rendrait cela plus facile.

Je peux seulement deviner que vous avez un <div> avec class='share' et aucun <a> tag avec les mêmes.

par exemple, votre html ressembler à:

<div class='share'> 
    <a class='share' href='http://yoursite.com'>Your site</a> 
</div> 

ou

<div class='share'> 
</div> 
... 
<a class='share' href='http://yoursite.com'>Your site</a> 

Si c'est le premier, puis

div.share a:hover { 
    ... 
} 

serait plus logique. Si c'est la seconde, alors le sélecteur a l'air bien ... même s'il vaut mieux choisir des noms de classe différents, mais appropriés. Pouvez-vous nous montrer un extrait de code HTML en utilisant ce CSS?

Answer 3

Est-ce vraiment le tag <a> qui a la classe share ou est-il imbriqué dans le <div class="share">?

Answer 4

Utilisez div.share a:active et div.share a:hover.

La façon dont vous l'avez en ce moment, il cherche un < un tag > avec une classe de part appliquée directement. Cependant, la classe de part est sur la div extérieure.