---
title: "Alla länkar bli så här."
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/174725-alla-länkar-bli-så-här"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Akerlundh"
published: "2008-10-12T22:48:57.000Z"
updated: "2008-10-13T18:08:23.000Z"
replies: 8
views: 711
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/174725-alla-länkar-bli-så-här"
---

# Alla länkar bli så här.

## #1 — Akerlundh, 2008-10-12T22:48Z

Om jag har en länk på sidan som ser ut så här.

\<a href="#" class="alt1"\>Länk\</a\>

Så använder jag mig utav följande kod.

```
.alt4, a:link, a:active, a:visited {
	font-family: Verdana;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
}
.alt3, a:link, a:active, a:visited {
	font-family: Verdana;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
}
.alt2, a:link, a:active, a:visited {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
} 
.alt1, a:link, a:active, a:visited {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}
```

Så alla länkar som har en class med alt1, alt2, alt3, alt4 ska ha det typsnittet som jag angivit där ovan. Och alla andra länkar ska se ut så här.

```
a:active, a:link, a:visited {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration:underline;
}
```

Men saken är den att alla länkar använder sig utav alt2 eller om det är alt3. Men jag vill bara att det är dom länkarna som jag har skrivit att classen ska va alt1 eller alt2 osv som ska använda sig utav det teckensnitten. Men hur gör jag för att det ska funkar riktigt. 

Jag  har nog förklarat jätte dåligt, men är helt slut nu suttit och försökt hela kvällen.

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

## #2 — nitro2k01, 2008-10-12T23:34Z

```
a.alt4 {
	font-family: Verdana;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 2px;
	text-align: center;
}
a.alt3 {
	font-family: Verdana;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: center;
}
a.alt2 {
	font-family: Verdana;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
} 
a.alt1 {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}
```

Kommatecken anger att allt som definieras av uttrycken kommer att få den stil du anger. Alltså kommer .alt4 *och* a:link *och* a:active *och* a:visited få attributen i första stycket. Med andra ord, alla länkar får alla attribut, och allt krockar.
Min rekommendation är a.alt*x* som gör det du vill.

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

## #3 — Akerlundh, 2008-10-12T23:45Z

> **nitro2k01 skrev:**
>
> ```
> a.alt4 {
> 	font-family: Verdana;
> 	font-size: 24px;
> 	font-weight: normal;
> 	letter-spacing: 2px;
> 	text-align: center;
> }
> a.alt3 {
> 	font-family: Verdana;
> 	font-size: 20px;
> 	font-weight: normal;
> 	letter-spacing: 1px;
> 	text-align: center;
> }
> a.alt2 {
> 	font-family: Verdana;
> 	font-size: 16px;
> 	font-weight: bold;
> 	text-align: center;
> } 
> a.alt1 {
> 	font-family: Verdana;
> 	font-size: 14px;
> 	font-weight: normal;
> 	text-align: center;
> }
> ```
>
> 
> Kommatecken anger att allt som definieras av uttrycken kommer att få den stil du anger. Alltså kommer .alt4 *och* a:link *och* a:active *och* a:visited få attributen i första stycket. Med andra ord, alla länkar får alla attribut, och allt krockar.
> Min rekommendation är a.alt*x* som gör det du vill.

Testade använda den kod du skrev. Men då blir länkarna precis som alla andra länkar på sidan så den använde ingenting utav den koden du skriv utan istället den vanliga koden som jag har till dom övriga länkarna.

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

## #4 — kaxigt, 2008-10-13T09:47Z

Testa detta:

.alt1 a:link, .alt1 a:active, .alt1 a:visited {
	font-family: Verdana;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
}

Du måste ange rätt class-attribut för varje värde i länken, inte bara *f ö r* själva länken.

Eller varför inte detta som ger samma värden som koderna här ovanför:

.alt1 a:link, .alt1 a:active, .alt1 a:visited {font: normal 14px verdana; text-align:center;}

En fråga bara, varför anger du inte också alternativa typsnitt? Jag har ingen susning om alla datorer har verdana, troligtvis är det så, men om de finns några som inte har det vilken font ska de då använda? (närmast standard från verdana)

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

## #5 — tanten, 2008-10-13T10:55Z

Jag har varit med om det också att a: tar över när man har den som du har. Jag  skulle testa med detta, där jag har rensat bort det som inte ska behövas.

```
a:active, a:link, a:visited {
	font: 12px verdana arial helvetica sans-serif;
	color: #000;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	text-decoration:underline;
}
#namnetpådivven .alt4 {
	font-size: 24px;
	letter-spacing: 2px;
	text-align: center;
}
#namnetpådivven .alt3  {
	font-size: 20px;
	letter-spacing: 1px;
	text-align: center;
}
#namnetpådivven .alt2  {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
} 
#namnetpådivven .alt1  {
	font-size: 14px;
	text-align: center;
}
```

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

## #6 — Akerlundh, 2008-10-13T17:36Z

Tanten: Din kod funkade men länkarna blir inte centrerade utav min kod "text-align: center;"

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

## #7 — tanten, 2008-10-13T17:47Z

Har du satt någon bredd på det som länken finns i?

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

## #8 — Akerlundh, 2008-10-13T17:58Z

> **tanten skrev:**
>
> Har du satt någon bredd på det som länken finns i?

Jag ångrar mig och gör som jag ville ha det ifrån början.

Då vill jag ha så att h1, h2 ,h3, h4 texter inte ändras även om dom är länkar hur gör jag då? För det va ju så jag ville ha det ifrån början och tycker de va snyggast...!

Hur gör jag då för att få detta att funkar?

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

## #9 — tanten, 2008-10-13T18:08Z

Nu förstår jag nog inte vad du menar... Vad händer om du sätter \<h1\> omkring en av dina länkar? Om du har mitt förslag med css, menar jag...

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/174725-alla-länkar-bli-så-här