Changement de couleur d'arrière-plan d'un bloc lien sur planant
Je suis entrain de créer quelques liens sur ma page web et je voulais avoir un effet, comme un changement dans l'arrière-plan ou la taille du texte apparente à grandir, à chaque fois que j'ai passez la souris sur ces liens. Les liens sont affichés comme blocks
.
partie html
<div>
<a class="leftimagelinks" href="#">Submit a paper</a><br>
<a class="leftimagelinks" href="#">Get the brochure</a><br>
<a class="leftimagelinks" href="#">Housing and travel</a>
</div>
css partie
.leftimagelinks {
margin: auto;
display: block;
width: 190px;
height: 25px;
border-radius: 8px;
text-align: center;
padding: 4px;
color: yellow;
background-color: black;
background-color: #32CD32;
}
.leftimagelinks a:hover{
background-color: red;
}
Mais même après le ci-dessus chaque fois que j'ai passez la souris sur les liens, rien ne change. Quel est ici l'erreur ?
OriginalL'auteur OneMoreError | 2012-11-22
Vous devez vous connecter pour publier un commentaire.
Le sélecteur CSS
.leftimageslinks a:hover
essaie de sélectionner un lien à l'intérieur".leftimageslinks'. Au lieu de cela, essayez ceci:http://jsfiddle.net/BGJJn/
a.leftimagelinks:hover
à assurez-vous que le hover ne s'applique qu'à l'une des balises contenant la classe leftimagelinks.Vous pouvez, mais c'est déconseillé, sauf si vraiment nécessaire. Voir cet article: csswizardry.com/2012/11/code-smells-in-css
OriginalL'auteur Stephan Muller
Utilisation
Vous utilisez mauvais sélecteur.
OriginalL'auteur Gurpreet Singh