Link sottolineato con mouse over

giobongio

Link sottolineato con mouse over

Ciao a tutti, ho impostato il seguente stile per i link in modo che al passaggio del mouse il testo del link risulti sottolineato:

a {
	text-decoration:none;
}


a:hover {
	text-decoration:underline;
}

Tuttavia, nel caso specifico di questa classe, desidererei fare in modo che la sottolineatura non sia visibile:


.titleread:hover{
  text-decoration:none;
}

Teoricamente, con questo codice HTML la sottolineatura non dovrebbe essere visibile (la classe titleread dovrebbe prevalere su quella del link, essendo il tag h1 più interno):

<a href="titolo.php"><h1 class="titleread">Titolo</h1></a>

Purtroppo però al passaggio del mouse il testo appare ancora sottolineato. Cosa sbaglio?
Grazie a tutti, ciao!

michele.bf.arena

Ciao giobongio,
prova così:

.titleread:hover
{
text-decoration: none !important;
}

Michele

giobongio

Ciao Michele, grazie per la dritta. Purtroppo non funziona... Sono però riuscito a ottenere comunque quello che volevo inserendo una nuova classe nel foglio di stile:

.nodecoration:hover
{
	text-decoration:none;
}

e richiamando il tutto con:

<a href="titolo.php" class="nodecoration"><h1 class="titleread">Titolo</h1></a>

Grazie comunque.
Giorgio

michele.bf.arena

Scusa, ti ho postato solo una parte della soluzione, svista mia. Volevo aggiungere che la classe la dovevi mettere sull'a e non sull'h1. Felice che tu abbia risolto da solo.

Michele