---
title: "CSS och länkar"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/170616-css-och-länkar"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Biasse"
published: "2008-04-08T12:18:24.000Z"
updated: "2008-04-08T14:01:45.000Z"
replies: 7
views: 592
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/170616-css-och-länkar"
---

# CSS och länkar

## #1 — Biasse, 2008-04-08T12:18Z

Har ju som standard:

```
A:LINK 
{	
        text-decoration : none;
	font-weight : bold;
	color : #0000ff;
	font-size : 12px;
}
```

Men går det att lägga in så man har ett val med 2 olika inställningar för detta?
Jag vill inte ha samma fontsize på allt.   :q

Vore skönt så slapp man ha olika style.css för det gäller många sidor.

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

## #2 — voigtann1, 2008-04-08T12:24Z

ja. Finns ju flera sätt att lösa det på:
1\. Du har en klass på alla länkar som skall vara annolunda
2\. sätt en annan id i din body tagg och använd koden:

```
body#anothercolors a:link {
	color : #ff0000;
}
```

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

## #3 — Biasse, 2008-04-08T12:33Z

Provade så här för att styra det i varje \<td\>

```
.rubrikB
{
	font-weight : bold;	
	font-size : 11px;
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid #d2d2d2;
	color: #333333;	
	font: 10px Verdana;
	font-weight : bold;
	font-size : 11px;
	background-color: #d2d2d2;
	line-height : 20px;
	padding-left: 4px;
	a:link: #0000ff;
	a:visited: #0000ff;
	a:active: #0000ff;
	a:hover: #800000; 
}
```

Det måste ju gå bara man skriver rätt?

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

## #4 — voigtann1, 2008-04-08T12:36Z

Du skriver fel. a:hover är inte en formateringen utan det är ju en tagg a taggen skall ha formatering.

```
.rubrikB
{
	font-weight : bold;	
	font-size : 11px;
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid #d2d2d2;
	color: #333333;	
	font: 10px Verdana;
	font-weight : bold;
	font-size : 11px;
	background-color: #d2d2d2;
	line-height : 20px;
	padding-left: 4px;
}

a.rubrikB:visited, a.rubrikB:active, a.rubrikB:link  {
/* grupperar a:visited,active och link */
	color: #0000ff;
}
a.rubrikB:hover {
	color: #000000;
}
```

och html koden:

```
<a href="#somelink" class="rubrikB">detta är en rubrik</a>
```

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

## #5 — Biasse, 2008-04-08T12:39Z

Förstod det  :)    Testar vidare 

Tackar så mycket  /Biasse

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

## #6 — Biasse, 2008-04-08T13:04Z

Funkade kanon..    Tack voigtann1  :)

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

## #7 — Biasse, 2008-04-08T13:51Z

re:

Firefox klarade inte av detta:

```
a.rubrik:link, a.rubrik:visited, a.rubrik:active
{
    text-decoration: none;
    color: #0000ff;
    font-weight : bold;
}    
a.rubrik:hover
{
    text-decoration: none;
    color: #cc0000;
    font-weight : bold;
}
```

Men så här tog den det:

```
a.rubrik:link
{
    text-decoration: none;
    color: #0000ff;
    font-weight : bold;
}
a.rubrik:visited
{
    text-decoration: none;
    color: #0000ff;
    font-weight : bold;
}
a.rubrik:active
{
    text-decoration: none;
    color: #0000ff;
    font-weight : bold;   
}    
a.rubrik:hover
{
    text-decoration: none;
    color: #cc0000;
    font-weight : bold;
}
```

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

## #8 — voigtann1, 2008-04-08T14:01Z

Det fungera visst med Firefox. ett tips också: Om du bara ska byta färg på texten om när du hovra över den så behöver du inte ha text-decoration eller font-weight då den ärver från a.rubrik:link

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/170616-css-och-länkar