28173 sujets

CSS et mise en forme, CSS3

Bonjour,
J' ai un bloc qui a pour classe: conseil
Dans ce bloc, des liens ont pour classe: definition
je souhaite attribuer une couleur spéciale pour le survol de ces liens.
j' ai donc mis:
.conseil .definition a:hover
{
color:green;
}

malheureusement ça ne marche pas.
Je précise que j' ai d' autres liens avec comme classe definition qui sont hors du bloc "conseil" et je ne souhaite pas qu' ils soient concernés.
d' où le : .conseil .definition a:hover

si ça peut aider, je mets le code CSS entier du bloc conseil:

.conseil
{
margin:0 auto;
width:860px;
background-image:url(angles/bas.png);
background-repeat:no-repeat;
background-position:bottom left;
}
.conseil p
{
color: black;
margin-left:15px;
margin-right:15px;
padding-bottom:30px;
text-align:justify;
}
.conseil .definition
{
color:red;
font-weight:bold;
}
.conseil .definition a:hover
{
color:green;
}
.conseil a
{
font-weight:bold;
color: black;
}
.conseil a:hover
{
text-decoration:none;
color:#FF6666;
}
.conseil a:active
{
color: #FED689;
}

Modifié par krsytof (24 Dec 2007 - 18:23)
Bonjour,

Essaie en remplacant
.conseil .definition a:hover {
  color:green;
}
par
.conseil a.definition:hover {
  color:green;
}
Bonnes fêtes de fin d'année.
Modifié par mecho (24 Dec 2007 - 18:21)