2010-03-27 5 views
1

De toute façon je peux obtenir ce travail?Problème HTML/CSS avec un: hover et span

J'ai un bloc de code:

<p><a href="http://foo.com"><span class="title">Title</span><br /><br /> 
Some text no greater than a couple of lines...</a></p> 

Mes styles sont:

p {color:#FFF;} 
a {color:#999;} 
.title {color:#FFF; font-weight:bold;} 
a:hover {color:#FF0;} 

Mon problème est le suivant:

Je veux que le titre soit blanc et gras et le corps doit être gris, mais quand vous passez la souris sur n'importe quelle partie, je veux que le titre et le texte deviennent jaunes. Cependant, dans le scénario ci-dessus, seul le texte devient jaune car la couleur de l'étendue (blanche) remplace l'a: hover.

Si j'ajoute:

.title:hover {color:#FF0;} 

alors la couleur du titre change que si je passe la souris spécifiquement sur le titre. Il ne change pas le texte en jaune, car il est maintenant un hover span ...

De toute façon je peux résoudre ce problème, même si elle nécessite un peu de JS?

Merci!

Répondre

2

Modifier la dernière ligne:

a:hover, a:hover .title {color:#FF0;} 
0

Avez-vous essayé

a:hover .title {color:#FF0;}