eksternt css: forskellig måder at vise ex. a:hover på

Mener at det kan klares med at skrive noget ala

a.link1:hover {
...
}

a.link2:hover {
...
}

så bliver de kaldt med følgende i HTML koden

<a class="link1" href="#">link1</a>
<a class="link2" href="#">link2</a>

det ser ud til det virker.
Så tak for hjælpen

Hvis du har f.eks. links i et element med class="menu" og de andre links i et element med class="indhold" kan du spare klasserne væk fra a-tags med:

.menu a,.menu a:link,.menu a:visited{
...
}
.menu a:hover,.menu a:active{
  text-decoration:none;
...
}

.indhold a,.indhold a:link,.indhold a:visited{
...
}
.indhold a:hover,.indhold a:active{
  text-decoration:underline;
...
}

-- som betyder at det første sæt regler gælder for a-tags, som ligger inde i elementer med menu-klassen og det andet sæt regler gælder for a-tags, som ligger inde i elementer med indholdsklaasen !-)

du får lige et svar