---
title: "Byta färg på en länk med css"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/161614-byta-färg-på-en-länk-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Mattias Nordin"
published: "2007-06-16T16:22:31.000Z"
updated: "2007-10-01T20:27:14.000Z"
replies: 5
views: 755
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/161614-byta-färg-på-en-länk-med-css"
---

# Byta färg på en länk med css

## #1 — Mattias Nordin, 2007-06-16T16:22Z

Hej alla glada programmerare,

Är det möjligt att byta färg på länkarna inom en tabell med css?

Jag labbar nu med...

```
<td class="subMenyDesign">
Grå text...
</td>
```

Och sätter färgen på texten med följande css

```
.subMenyDesign{
/*background-color: yellow;*/ 
/*background: url("/web07/_design/sub_tab_0.gif");*/
width: 108px;
height: 18px;
font-family: tahoma, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align : center;
color: gray;
text-transform: uppercase;
text-decoration:  none;  
cursor: pointer; 
}
```

Går det att komplettera css ovan så att även länkar inuti tabellen byter färg?

```
<td class="subMenyDesign">
Grå text...
<a href="">vill ha en grå länk</a>
</td>
```

Nu har jag en default blå länk    :bla

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

## #2 — ejick, 2007-06-16T17:22Z

a {
    color: gray;
}
?

Eller vad menar du?

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

## #3 — Mattias Nordin, 2007-06-16T17:30Z

Nja, jag vill inte att alla länka ska bli grå utan enbart den som finns i just den \<td\> cellen.

Kan man baka in länkformateringen i klassen .subMenyDesign?

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

## #4 — FreddeX, 2007-06-16T18:05Z

har du provat typ:
.subMenyDesign a { color: gray; }

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

## #5 — aasah, 2007-10-01T19:09Z

```
a:link.subMenyDesign {     
  color: gray;
  text-decoration:none;
}

a:visited.subMenyDesign {  
  color: gray;
  text-decoration:none;
}

a:hover.subMenyDesign {    
  color: gray;
  text-decoration:none;
}

a:active.subMenyDesign {   
  color: gray;
  text-decoration:none;
}
```

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

## #6 — bossse, 2007-10-01T20:27Z

> Är det möjligt att byta färg på länkarna inom en tabell med css?

Visst är det möjligt.

```
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
table {width:500px; height:300px; border:1px solid black}
td {border:1px solid black}
a.td {font-size:12pt;color:blue;text-decoration:none}
a.td:hover {color:red}
</style>
</head>
<body>
<table>
<tr>
<td><a href=http://www.google.se class=td>Google</a></td>
</tr>
<tr>
<td><a href=http://www.yahoo.se class=td>Yahoo</a></td>
</tr>
</table>
</body>
</html>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/161614-byta-färg-på-en-länk-med-css
