a:link diversi nella stessa pagina.

[acquila]

Ho in testa a lla pagina fissati gli stili dei link per tutta la pagina
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000066;
}
a:hover {
text-decoration: underline;
}
a:active {
text-decoration: none;
}

Tuttavia a me serve che per un particolare div si abbia un a:link di colore diverso. Cioè il link deve apparire di colore diverso dei links di base di tutta la pagina.
Qual'è il codice da inserire?

[Eönwë]

Scrivi un a per ogni div che ti interessa personalizzare:

.miodiv a {
text-decoration: none;
color: #000000;
}
.miodiv a:visited {
text-decoration: none;
color: #000066;
}
.miodiv a:hover {
text-decoration: underline;
color: #FF9900;
}
.miodiv a:active {
text-decoration: none;
} 



.miodiv2 a {
text-decoration: none;
color: #666666;
}
.miodiv2 a:visited {
text-decoration: none;
color: #000066;
}
.miodiv2 a:hover {
text-decoration: underline;
color: #FF9900;
}
.miodiv2 a:active {
text-decoration: none;
}

<div class="miodiv"></div> e <div class="miodiv2"></div>
avranno colori diveri.

[rotteninside]

Ciao ho letto questa discussione ma non mi funziona...

io ho un link dove ho associato la classe alink, relativa a questo collegamento.

Prodotto

e nel foglio di stile ho questo :

a:link{color:#FF0000;text-decoration:none}
a:visited{text-decoration:none}
a:hover{text-decoration:underline}

.alink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.alink a {
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
	border-top: 0px none #ff0000;
	border-right: 0px none #ff0000;
	border-bottom: 0px none #ff0000;
	border-left: 0px none #ff0000;
}
.alink a:visited {font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
	border-top: 0px none #ff0000;
	border-right: 0px none #ff0000;
	border-bottom: 0px none #ff0000;
	border-left: 0px none #ff0000;
	text-decoration:none;
}
.alink a:hover {font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #000000;
	border-top: 0px none #ff0000;
	border-right: 0px none #ff0000;
	border-bottom: 0px none #ff0000;
	border-left: 0px none #ff0000;
	text-decoration:underline;
}

solo che il risultato che ottengo noè ciò che voglio, perchè sembra che non venga interpretata la classe alink, rimane tutto come il tag a definito all'inizio. Come mai? Qualcuno sa darmi qualche dritta? Ciao Grazie.

[Alberto]

un piccolo errore di sintassi...
devi scrivere

a.nome_classe:link{}
a.nome_classe:hover{}
a.nome_classe:visited{}