---
title: "Länkformatering för speciell class?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/1597-länkformatering-för-speciell-class"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "M@rtin"
published: "2001-11-23T22:40:00.000Z"
updated: "2001-11-24T22:29:00.000Z"
replies: 7
views: 255
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/1597-länkformatering-för-speciell-class"
---

# Länkformatering för speciell class?

## #1 — M@rtin, 2001-11-23T22:40Z

Hur gör man om man vill få alla länkar som står under en speciell class att formateras på ett speciellt sätt?

Jag har försökt fixa det så här:

```
<html>
<head>
<style>
a:link { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; text-decoration: none; }
a:hover { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; text-decoration: underline; }
a:visited { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; text-decoration: underline; }
.normaltd { font-family: verdana, helvetica, arial; font-size: 8pt; color: #000000; background-color: #FFFFFF; }
.red { font-family: verdana, helvetica, arial; font-size: 8pt; color: #C73200; font-weight: bold; }
.bluebigtd { font-family: verdana, helvetica, arial; font-size: 12pt; color: #FFFFFF; font-weight: bold; background-color: #3399FF; }
.bluesmalltd { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; font-weight: none; background-color: #3399FF; }
a.bluesmalltd:link { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; text-decoration: none; }
a.bluesmalltd:hover { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; text-decoration: none; }
a.bluesmalltd:visited { font-family: verdana, helvetica, arial; font-size: 8pt; color: #FFFFFF; text-decoration: underline; }
</style>
</head>
<body>
<table>
<tr>
<td class="bluesmalltd">Lite text och <a href="lalala">en länk</a></td>
</tr>
</table>
</body>
</html>
```

Problemet är att länken formateras efter de grundläggande länkformateringarna och inte efter de jag gjort speciellt för klassen. :(

Har jag gjort något fel eller varför fungerar det inte?

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

## #2 — jorgen, 2001-11-23T22:46Z

Hej, denna kan kanske hjälpa:
 <http://cgi.webforum.nu/wf/Forum1/HTML/001107.html> 

mvh Jörgen :)

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

## #3 — M@rtin, 2001-11-23T22:57Z

SÅ jag gjort ju?
Eller måste man inportera classen i varje länk?

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

## #4 — jorgen, 2001-11-23T23:02Z

Ja, du måste classifiera varje länk, eller:

```
<div class="blue">
blå länk 1
blå länk 2
blå länk 3
</div>

<div class="red">
röd länk 1
röd länk 2
röd länk 3
</div>
```

mvh Jörgen :)

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

## #5 — M@rtin, 2001-11-23T23:12Z

Okej, tack så mkt! :)

Tycker de borde fixa stöd för så som jag ville ha det i nästa CSS version ;)

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

## #6 — spango, 2001-11-24T11:41Z

Det har de redanfixat, det är du som skrivit fel ;) 

```
[b]/* Fel: */[/b]
a.bluesmalltd:link { ... } /* berör alla länkar som har class="bluesmalltd" */
a.bluesmalltd:hover { ... } /* berör alla länkar som har class="bluesmalltd" och som "hovras" över */
a.bluesmalltd:visited { ... } /* berör alla länkar som har class="bluesmalltd" och som man besökt */

[b]/* Rätt: */[/b]
.bluesmalltd a:link { ... } /* berör alla länkar som finns i ett element som har class="bluesmalltd" */
.bluesmalltd a:hover { ... } /* berör alla länkar som "hovras" över och som befinner sig i ett element som har class="bluesmalltd"*/
.bluesmalltd a:visited { ... } /* berör alla besökta länkar i ett element som har class="bluesmalltd" */
```

F.ö. måste jag bara få flika in att det är emot hela tanken med CSS att använda namn som beskriver hur en klass ser ut, snarare än hur den används.

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

## #7 — M@rtin, 2001-11-24T14:16Z

Aha! kanon! Tack för upplysningen :)

Hur borde namnen vara då?
.smalltables ?

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

## #8 — Erik Juhlin, 2001-11-24T22:29Z

Ey spango, fetbra ju! :)
Men vilka webbläsare stöder det andra alternativet?

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/1597-länkformatering-för-speciell-class
