Selettori complessi con stati dei link in CSS
Tutti i selettori complessi che abbiamo studiato in precedenza, possono essere applicati anche ai link.
Vediamo un esempio. Supponiamo che i nostri
link si trovino in un blocco con un
id specificato:
<div id="block">
<a href="#">link</a>
<a href="#">link</a>
<a href="#">link</a>
</div>
Assegniamo gli stili per i link di questo blocco:
#block a:link, #block a:visited {
color: red;
}
#block a:hover {
text-decoration: none;
}
Di norma, gli stati link e visited
non vengono separati, quindi il codice può essere semplificato
nel modo seguente:
#block a {
color: red;
}
#block a:hover {
text-decoration: none;
}
Spiegate cosa seleziona il selettore nel codice riportato di seguito. Poi scrivete il codice HTML, adatto a questo selettore. Ecco il codice con il selettore:
#test a {
color: red;
}
#test a:hover {
text-decoration: none;
}
