4 svar · 454 visningar · startad av nidron
Jag skulle behöva skapa olika varianter av förutbestämda egenskaper för a:link, visited, hover, active i css.
Beroende på var länkarna finns (i menyn, undermenyn samt brödtext) skulle jag alltså behöva bl.a. olika "color: #" för varje del.
Vilket är det smartaste sättet att lösa detta på?
mvh nidron
a.menu:link {
/* egenskaper */
}
a.text:link {
/* egenskaper */
}
<a href="sida.html" class="menu">hej</a>
<a href="sida.html" class="text">hej då</a>
p a:hover {
color: #000000;
}
h1 a:hover {
color: #FFFFFF
}
osv.
Funkar givetvis med active, visited också..
r) För sen och förstod inte frågan rätt heller tydligen :/
<ul class="nav">
<li><a href="#">menylänk</a>
<ul>
<li><a href="#">undermenylänk</a></li>
</ul>
</li>
</ul>
<p><a href="#">brödtextlänk</a></p>
a { color:blue; background:transparent; text-decoration:underline; }
a:visited { color:purple; }
a:hover, a:focus, a:active { text-decoration:none; }
.nav a { color:black; text-decoration:none; }
.nav ul a { color:navy; }
.nav a:hover, .nav a:focus, .nav a:active { background:lime; }
Lägg id på delarna av sidan, så kan du ställa in olika egenskaper för dem:
#Menu a { color: #fff; }
#SubMenu a { color: #ccc; }
#Main a { color: #99f; }
#Main a:hover { color: #ccf; }