Idée CSS ?

a#style1:hover{
....
}

a#style2:hover{
....
}

ou peut-etre

a:hover#style2{
....
}

je sais plus très bien...

Bonjour,

Merci de ton aide car je suis débutant... En deux mots, je réalise un site sur dreamweaver et j'ai notamment une feuille de style (link.css) qui contient :

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #C2AF77;
text-decoration: underline overline;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
}

Et, j'aimerai utiliser simultanément sur la même page une autre option d'affichage pour d'autres liens.

Je comprends ton idée, mais comment dois-je l'exploiter ? Codes à inscrire sur la même feuille de style, sur une autre avec un nouvel attachement ?

Merci d'avance de tes lumières.
@+

NB : Au niveau du code, ta deuxième version semble plus reconnue, du moment ou un espace est présent entre hover et #style, soit :

a:hover #style2{
....
}

Voilà... j'ai trouvé :

a.titre:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #202020;
font-weight: bold;
text-decoration: none;
}

idem pour la suite... Ensuite attacher la feuille de style aux balises concernées.

Merci de m'avoir répondu rapidement