---
title: "Länkfärg!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/60069-länkfärg"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Fredrik.an"
published: "2002-11-24T12:21:37.000Z"
updated: "2002-11-24T17:54:44.000Z"
replies: 5
views: 368
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/60069-länkfärg"
---

# Länkfärg!

## #1 — Fredrik.an, 2002-11-24T12:21Z

Jag vill ha vissa länkar på sidan svarta men vissa i en annan färg, hur ska jag gå till väga? Det måste ju kunna lösas med CSS, men vad ska jag skriva och hur? :S

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

## #2 — icaaq, 2002-11-24T12:37Z

```
[red]
A.close, A:hover.close, A:active.close, A:link, A:visited.close
{
     color: #FFFFFF;
}
A, A:hover A:active A:link A:visited
{
     color: #000000:
}
[/red]
```

Sen anger du klassen på länken.

```
[red]
<A href="tada.asp" class="close">tada</a>
<a href="tada.asp">tada</a>
[/red]
```

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

## #3 — Fredrik.an, 2002-11-24T13:39Z

> **icaaq skrev:**
>
> ```
> [red]
> A.close, A:hover.close, A:active.close, A:link, A:visited.close
> {
>      color: #FFFFFF;
> }
> A, A:hover A:active A:link A:visited
> {
>      color: #000000:
> }
> [/red]
> ```
>
> 
> Sen anger du klassen på länken.
>
>
> ```
> [red]
> <A href="tada.asp" class="close">tada</a>
> <a href="tada.asp">tada</a>
> [/red]
> ```

Tack så mycket!

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

## #4 — dectgap, 2002-11-24T14:48Z

> **icaaq skrev:**
>
> ```
> [red]
> A.close, A:hover.close, A:active.close, A:link, A:visited.close
> {
>      color: #FFFFFF;
> }
> A, A:hover A:active A:link A:visited
> {
>      color: #000000:
> }
> [/red]
> ```
>
> 
> Sen anger du klassen på länken.
>
>
> ```
> [red]
> <A href="tada.asp" class="close">tada</a>
> <a href="tada.asp">tada</a>
> [/red]
> ```

Så här får du skriva för att det ska bli rätt:

```
a.close:link, a.close:visited, a.close:hover, a.close:active{
 color: #FFFFFF;
}
a:link, a:visited, a:hover, a:active{
 color: #000000;
}

-----------------------------------------------

<a href="blabla">text</a>
<a class="close" href="blabla">text</a>
```

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

## #5 — icaaq, 2002-11-24T17:33Z

Det jag skrev funkar fint för mig..........Jag tror det har mindre betydelse var man sätter {

Eller kan du bevisa motsatsen blir jag lycklig

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

## #6 — dectgap, 2002-11-24T17:54Z

Var du sätter måsparentesen ( { ) spelar mycket riktigt mindre roll.
Felet du hade gjort var att du angav "tagg:pseudoklass.klass" istället för "tagg.klass:pseudoklass" - alltså "a:hover.close" istället för "a.close:hover". Dessutom har jag för mig att du måste skriva ":link, :visited, :hover, :active" i just den ordningen.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/60069-länkfärg