cambio colore link non riesco a farlo

[hobbyeidee]

ciao a tutti, vorrei creare un cambio di colore in un collegamento ad una pagina interna del sito, ma solo in quello tutti gli altri collegamenti devono restare con il setup di default di altervista.

Ma non riesco a capire come si fa, ho creato un piccolo codice ma non capisco come inserire questo cambio di colore al passaggio del mouse.

Mi potreste spiegare dove sbaglio?
Sono a zero di codice.

grazie per l'aiuto

<style>
premessa {
  font-family: Geneva, Verdana, sans-serif;
	font-variant: small-caps;
	font-size: 18px;
	text-align: center;
}
</style>

<style> 
	collegamento{
font-family: Geneva, Verdana, sans-serif;
font-variant: small-caps;
font-size: 22px;
text-align: center;
  }

</style>

<style>
prova{ 
hover {color: yellow;} 
}
</style>

<premessa>
<p>INSERIRE IL TESTO</p>
</sconti>

<collegamento>
	<p class= "prova"><b><a href="INSERIRE IL LINK" target="_blank">LINK</a></b></p>
</collegamento>

[albenessereblog]

ciao a tutti, vorrei creare un cambio di colore in un collegamento ad una pagina interna del sito, ma solo in quello tutti gli altri collegamenti devono restare con il setup di default di altervista.

Ma non riesco a capire come si fa, ho creato un piccolo codice ma non capisco come inserire questo cambio di colore al passaggio del mouse.

Mi potreste spiegare dove sbaglio?
Sono a zero di codice.

grazie per l'aiuto

<style>
premessa {
  font-family: Geneva, Verdana, sans-serif;
	font-variant: small-caps;
	font-size: 18px;
	text-align: center;
}
</style>

<style> 
	collegamento{
font-family: Geneva, Verdana, sans-serif;
font-variant: small-caps;
font-size: 22px;
text-align: center;
  }

</style>

<style>
prova{ 
hover {color: yellow;} 
}
</style>

<premessa>
<p>INSERIRE IL TESTO</p>
</sconti>

<collegamento>
	<p class= "prova"><b><a href="INSERIRE IL LINK" target="_blank">LINK</a></b></p>
</collegamento>

Devi mettere un CSS interno alla pagina

<span style="pink">link</span>

:

[hobbyeidee]

Ho provato a modificare il mio codice, sembra funzionare, fortuna o è il modo corretto?

<style>
premessa {
  font-family: Geneva, Verdana, sans-serif;
	font-variant: small-caps;
	font-size: 18px;
	text-align: center;
}
</style>

<style> 
	collegamento{
font-family: Geneva, Verdana, sans-serif;
font-variant: small-caps;
font-size: 22px;
text-align: center;
}
</style>

<style>
a.ex1:link {color: pink;}
a.ex1:hover, a.ex1:active {color: green;}
</style>

<premessa>
<p>INSERIRE IL TESTO</p>
</premessa>

<collegamento>
	<p><b><a class="ex1" href="INSERIRE IL LINK" target="_blank">link</a></b></p>
</collegamento>

[albenessereblog]

Ho provato a modificare il mio codice, sembra funzionare, fortuna o è il modo corretto?

<style>
premessa {
  font-family: Geneva, Verdana, sans-serif;
	font-variant: small-caps;
	font-size: 18px;
	text-align: center;
}
</style>

<style> 
	collegamento{
font-family: Geneva, Verdana, sans-serif;
font-variant: small-caps;
font-size: 22px;
text-align: center;
}
</style>

<style>
a.ex1:link {color: pink;}
a.ex1:hover, a.ex1:active {color: green;}
</style>

<premessa>
<p>INSERIRE IL TESTO</p>
</premessa>

<collegamento>
	<p><b><a class="ex1" href="INSERIRE IL LINK" target="_blank">link</a></b></p>
</collegamento>

È un altro modo per farlo. Nel mio esempio il CSS è diretto al link, nel tuo hai creato una classe che è utile se nella pagina ha molti link.

[hobbyeidee]

È un altro modo per farlo. Nel mio esempio il CSS è diretto al link, nel tuo hai creato una classe che è utile se nella pagina ha molti link.

ok grazie :)

[hobbyeidee]

Ti posso chiedere un'altra cosa?
come faccio ad inserire la parte hover all'interno della prima classe (.link_prova) così da non richiamare due classi ogni volta?

.link_prova a{color: blue; 
text-decoration: none!important;
font-weight: bold;
font-variant: small-caps;
}
.one:hover {
      color: red;
      transition: 0.7s;
  }

[albenessereblog]

Ti posso chiedere un'altra cosa?
come faccio ad inserire la parte hover all'interno della prima classe (.link_prova) così da non richiamare due classi ogni volta?

.link_prova a{color: blue; 
text-decoration: none!important;
font-weight: bold;
font-variant: small-caps;
}
.one:hover {
      color: red;
      transition: 0.7s;
  }

il tag hover DEVE venire dopo :link e :visited (se sono presenti) nella definizione CSS, per essere efficace. Quindi come l'hai messo tu va bene.