cambio colore link non riesco a farlo

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

Codice:

---

<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>

---

Citazione:

---

Originalmente inviato da 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

Codice:

---

<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

Codice HTML:

---

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

---

:

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

Codice HTML:

---

<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>

---

Citazione:

---

Originalmente inviato da hobbyeidee

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

Codice HTML:

---

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

Citazione:

---

Originalmente inviato da albenessereblog

È 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 :)

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?

Codice HTML:

---

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

---

Citazione:

---

Originalmente inviato da 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?

Codice HTML:

---

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