a:hover dentro div

[luca7]

non so se l'argomento è già stato trattato, però non sono sicuro di una cosa...

ho un foglio di stile esterno in cui dichiaro un id

#descrizione {
   ...
   }

poi lo uso con un div tramite <div id="descrizione"></div>

se scrivo

A#descrizione:hover {
   text-decoration...
   }

automaticamente a tutti i link all'interno del div vengono applicate le modifiche text-decoration che ho dichiarato? o per tutti i link devo creare una classe e scriverci ?

come posso cioè scrivere il codice dei link senza stare a ripetere class="..."?

[var]

fai così:

#descrizione a:hover {
 text-decoration...
}

ciao

[luca7]

quindi poichè la dichiarazione dell'id sarebbe

#descrizione {
   margin: 0px 5px 0px 5px;
   }

io devo scrivere per ottenere l'effetto di sottolineatura al passaggio del mouse

#descrizione a:link {
   text-decoration: none;
   margin: 0px 5px 0px 5px;
   }

#descrizione a:visited {
   text-decoration: none;
   margin: 0px 5px 0px 5px;
   }
   
#descrizione a:hover {
   text-decoration: underline;
   margin: 0px 5px 0px 5px;
   }

giusto?

[luca7]

anzi devo fare così

#descrizione {
   margin: 0px 5px 0px 5px;
   }

#descrizione a:link {
   text-decoration: none;
   }

#descrizione a:visited {
   text-decoration: none;
   }
   
#descrizione a:hover {
   text-decoration: underline;
   }

giusto?

[var]

giusto

[luca7]

grazie