---
title: "Skapa olika a:link, visited, hover, active för olika länkar..."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/130478-skapa-olika-a-link-visited-hover-active-för-olika-länkar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "nidron"
published: "2005-06-23T13:16:32.000Z"
updated: "2005-06-23T15:18:52.000Z"
replies: 4
views: 460
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/130478-skapa-olika-a-link-visited-hover-active-för-olika-länkar"
---

# Skapa olika a:link, visited, hover, active för olika länkar...

## #1 — nidron, 2005-06-23T13:16Z

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

Permalänk: https://www.webforum.nu/p/130478

## #2 — K@llen, 2005-06-23T13:37Z

```
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>
```

Permalänk: https://www.webforum.nu/p/1633495

## #3 — tompe, 2005-06-23T13:38Z

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 :/

Permalänk: https://www.webforum.nu/p/1633497

## #4 — zcorpan, 2005-06-23T13:47Z

```
<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; }
```

Permalänk: https://www.webforum.nu/p/1633499

## #5 — Guffa, 2005-06-23T15:18Z

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; }
```

Permalänk: https://www.webforum.nu/p/1633519

---

Tråden på webben: https://www.webforum.nu/amne/html-css/130478-skapa-olika-a-link-visited-hover-active-för-olika-länkar