Ciao a tutti!
Il problema che mi trovo davanti questa volta è un po complesso...
In una cella ho applicato uno stile per rendere quest'ultima cliccabile e far cambiare l'aspetto del testo al passaggio del mouse... Sotto al testo del link, però, ho la necessità di inserire un altro testo che deve avere un aspetto differente del primo al passaggio del mouse (e quindi essere totalmente indipendente dallo stile del link)... il problema è che questo testo si trova anch'esso all'interno della cella e quindi, per forza di cose, eredita anche lui lo stile del link.
Vi posto il codice così capite meglio:
...E' chiaro che la "classe_diversa" non può essere applicata se all'interno dei tag <div>...</div> non c'è un collegamento ipertestuale... ve lo messa ugualmente per farvi vedere cosa dovrebbe fare.codice:<html> <head> <title>Prova</title> </head> <style type="text/css"> body { background-color: #6699CC; font-family: arial, helvetica, "sans serif"; color: white; font-variant: normal; cursor: default; } .link A { display: block; height: 100%; color: white; font-size: 14pt; padding: 135px; font-weight: bold; font-style: italic; text-align: center; text-decoration: none; } .link A:hover { color: yellow; font-size: 18pt; padding: 130px; background-color: black; border: 1px solid white; } .classe_diversa A { color: #6699CC; font-size: 10pt; padding: 150px; font-style: italic; text-align: center; text-decoration: none; } .classe_diversa A:hover { color: white; padding: 160px; } </style> <body> <table width="100%" height="100%" cellspacing="0" cellpadding="0"> <tr> <td class=link> <a href=#> Link <div class=classe_diversa> A questo testo dovrebbe essere associata una classe diversa (ed indipendente) dal link </div> </a> </td> <tr> </table> </body> </html>
In conclusione come posso applicare una pseudoclasse diversa della prima al secondo testo?
Grazie per il tempo concessomi!
Rispondi quotando
