Idée CSS ? Résolu/Fermé

Question

Bonjour,

Connaissez-vous un moyen, via CSS, permettant d'actionner sur une même page web, d'afficher différemment des liens.

Par exemple : 


CSS1 :  a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #C2AF77;
	text-decoration: underline overline;

CSS2 : a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #C000000;
	text-decoration: underline overline;

Merci d'avance...

vincedom · Answer

a#style1:hover{
....
}

a#style2:hover{
....
}

ou peut-etre

a:hover#style2{
....
}

je sais plus très bien...

Webmc · Answer

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{ 
.... 
}

Webmc · Answer

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

Idée CSS ?

3 réponses

Discussions similaires