---
title: "Hur gör jag en a och a:hover override?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/179916-hur-gör-jag-en-a-och-a-hover-override"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Matsakii"
published: "2009-08-22T01:42:42.000Z"
updated: "2009-08-22T09:21:28.000Z"
replies: 4
views: 562
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/179916-hur-gör-jag-en-a-och-a-hover-override"
---
# Hur gör jag en a och a:hover override?
## #1 — Matsakii, 2009-08-22T01:42Z
Har en sida med ett CSS style sheet (stylesheet.css) som såklart har a, a:hover etc. Men på samma sida vill jag ha en del länkar med andra färger. Hur gör jag det enklast?
*Är inge pro på CSS så gärna en förklaring med ett exempel :)*
Thanks!
Permalänk: https://www.webforum.nu/p/179916
## #2 — Esen, 2009-08-22T03:57Z
Ska se ifall jag lyckas förklara...
I din (stylesheet.css) lägger du till denna text:
```
.text1 { Här skriver du i te.x färg, storlek osv }
.text2 { Här skriver du i te.x färg, storlek osv }
.text3 { Här skriver du i te.x färg, storlek osv }
.text4 { Här skriver du i te.x färg, storlek osv }
```
För varje ny du vill skapa så börja med en . (punkt) och sen döper du den till vad du vill...
I mitt exempel så skapade jag olika rader.
När du e klar med det och vill hämta dom olika classerna så skriver du så här:
```
Din text, eller vad du nu ska ha här.
```
Hoppas du förstår hur jag menar?
Permalänk: https://www.webforum.nu/p/2199637
## #3 — Matsakii, 2009-08-22T08:41Z
Men gäller inte det här bara text? Jag menade mina textlänkar. Därav a:hover etc.
Permalänk: https://www.webforum.nu/p/2199640
## #4 — GunnarD, 2009-08-22T09:17Z
Så här kan du göra:
```
Testsida
```
och tillhörande .css fil
```
a:link {
color: #0f0;
text-decoration: none;
}
a:visited {
color: #0f0;
text-decoration: none;
}
a:hover, a:active {
text-decoration: none;
}
a.modifierad:link {
color: #f00;
text-decoration: none;
}
a.modifierad:visited {
color: #f00;
text-decoration: none;
}
a.modifierad:hover, a:active {
text-decoration: none;
}
```
Då kommer alla länkar vara gröna (som den första) förutom dom som har class="modifierad" som kommer att vara röda (som den andra).
Permalänk: https://www.webforum.nu/p/2199643
## #5 — jawbreaker, 2009-08-22T09:21Z
Alternativt kan du ändra alla länkar som ligger inom ett annat element med ett visst id eller en viss klass:
```
/* Ändra länkfärger etc för alla länkar som ligger i ett element med id="links" */
#links a { }
#links a:href { }
/* Ändra för alla länkar som ligger i ett element med class="links" */
.links a { }
.links a:hover { }
```
```