---
title: "Olika a attribut i en css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/177799-olika-a-attribut-i-en-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "rakatoner"
published: "2009-04-01T14:27:02.000Z"
updated: "2009-04-02T19:01:52.000Z"
replies: 10
views: 729
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/177799-olika-a-attribut-i-en-css"
---

# Olika a attribut i en css

## #1 — rakatoner, 2009-04-01T14:27Z

attributet  a  är ju alltid med när man vill länka - men hur gör man om man vill ha olika färg .. visited  hover etc på länkarna  i ett html dok ?

jag  måste ju skriva a för att starta en länk... ?

Undra om denna fråga är gränsen till obegåvad...:)  men  ja vet inte svaret...

// s

html 
\<a href

css
a {
	color:#ffffff;
	font-size:15px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#07a;}
a:visited {color:#07a;}
a:hover {background-color:#ffffff;}

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

## #2 — drew, 2009-04-01T14:28Z

Använd class=""

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

## #3 — rakatoner, 2009-04-02T05:41Z

Class var det.. hmm. det gick inte så bra  iallafall inte när jag gjorde så här..det enda som hände var att  löptexten påverkades 

FloresMedialaTjänster,
Pyramidmeditation 

Vill du ha en medial rådgivning eller en psykometri hemma?
Kontakta mig för en prisbild.
Vill du läsa lite om mig och vad jag gör utöver det mediala kan du besöka: Södertörns Hörsel & Hälsa 

\<p class="textformat1"\>\<a href="http://www.pyramidmeditation.se" target=\_blank"\>Pyramidmeditation\</a\>\</p\>

\#Content {
	margin:0px 210px 50px 10px;
	padding:50px;
	}

	.textformat1
	
	 {
	color:#9966cc;
	font-size:25px;
	text-decoration:none;
	font-weight:600;
	font-family:verdana, arial, helvetica, sans-serif;
	}
a:link {color:#07a;}
a:visited {color:#07a;}
a:hover {background-color:#9966cc;}
	
	<http://flinganbyheart.se/flingan.html>

det jag vill uppnå är att  ha olika färger o storlek  på  olika länkar - dom i lilla vita ruta en design o ord i texten  en annan  a link   design.

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

## #4 — jawbreaker, 2009-04-02T06:13Z

Din vita ruta har id:t Menu och det kan du utnyttja i detta fall...

Du kan ange det generella länkutseendet på samma sätt som du gjort i ditt första inlägg - det vill säga, det är det utseende som kommer att användas om inget annat anges - och sedan tala om att länkarna i Menu ska se ut på ett annat sätt:

```
#Menu a:link {
}
#Menu a:visited {
}
#Menu a:hover {
}
#Menu a:active {
}
```

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

## #5 — Fredde Mannen, 2009-04-02T06:14Z

> **[rakatoner skrev:](https://www.webforum.nu/p/1462668)**
>
> Class var det.. hmm. det gick inte så bra  iallafall inte när jag gjorde så här..det enda som hände var att  löptexten påverkades 
> 
> FloresMedialaTjänster,
> Pyramidmeditation 
> 
> Vill du ha en medial rådgivning eller en psykometri hemma?
> Kontakta mig för en prisbild.
> Vill du läsa lite om mig och vad jag gör utöver det mediala kan du besöka: Södertörns Hörsel & Hälsa 
> 
> 
> \<p class="textformat1"\>\<a href="http://www.pyramidmeditation.se" target=\_blank"\>Pyramidmeditation\</a\>\</p\>
> 
> 
> \#Content {
> 	margin:0px 210px 50px 10px;
> 	padding:50px;
> 	}
> 
> 	.textformat1
> 	
> 	 {
> 	color:#9966cc;
> 	font-size:25px;
> 	text-decoration:none;
> 	font-weight:600;
> 	font-family:verdana, arial, helvetica, sans-serif;
> 	}
> a:link {color:#07a;}
> a:visited {color:#07a;}
> a:hover {background-color:#9966cc;}
> 	
> 	<http://flinganbyheart.se/flingan.html>
> 
> 
> det jag vill uppnå är att  ha olika färger o storlek  på  olika länkar - dom i lilla vita ruta en design o ord i texten  en annan  a link   design.

För att formatera textlänkar på olika sätt får man använda klasser. 

För att formatera länkar deras färg storlek etc som gäller för hela dokumentet:

```
a, 
a:visited, 
a:active { color: #ff0000; }
a:hover { color: #ccc; }
```

För att formatera färg storlek inom specifika områden, säg länkar inom .textformat1:

```
.textformat1 a, 
.textformat1 a:visited, 
.textformat1 a:active { color: #ff0000; font-size: 2em;}
.textformat1 a:hover { color: #ccc; font-size: 2em;}
.annan-ruta a, 
.annan-ruta a:visited, 
.annan-ruta a:active { color: #ff0000; font-size: 1.2em;}
.annan-ruta a:hover { color: #ccc; font-size: 1.2em;}
```

osv.

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

## #6 — doggelito, 2009-04-02T06:19Z

Detta kan säkert lösas på 1000 sätt. Här är ett! :)

```
<div id="box1">
     <a href="">en länk</a>
</div>
<div id="box2">
     <a href="">en annan länk</a>
</div>
```

Till detta lägger du sedan till lite css

```
#box1 a {
     color:#ff0000;
}
#box1 a:hover {
     color:#00ff00;
}

#box2 a {
     color:#000000;
}
#box2 a:hover {
     color:#111111;
}
```

//RED Oj då, jag skriver visst sakta idag! :)

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

## #7 — Fredde Mannen, 2009-04-02T06:39Z

> **[doggelito skrev:](https://www.webforum.nu/p/1462676)**
>
> //RED Oj då, jag skriver visst sakta idag! :)

 Bin there, done that.

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

## #8 — rakatoner, 2009-04-02T18:33Z

Thanks  !! nu har jag  lyckats  style mina länkar i färg  hover  mm  men bara ett lite klurigt moment  kvar .. size... av alla tips fastnade jag för  jawbreakers , provat att  lägga till en font -size men det funkade inte ..tips ? ( dom små smileys  som  dyker upp i koden är inte  jag... dom ploppar upp själv.... ) 
\#Menu a:font-size {14px
}
\#Menu a:link {
}
\#Menu a:visited {
}
\#Menu a:hover {
}
\#Menu a:active {
}

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

## #9 — rhdf, 2009-04-02T19:00Z

du gör på samma sätt som med färgen
fast du behöver tex inte sätta storleken på alla (om jag inte är helt fel ute)
så det räcker med

```
#Menu a{font-size:14px; osv}
#Menu a:hover{color:#ff0000;}
```

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

## #10 — rhdf, 2009-04-02T19:00Z

dubbelpost

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

## #11 — drew, 2009-04-02T19:01Z

\#Menu a {
  font-size: 14px;
}

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/177799-olika-a-attribut-i-en-css
