---
title: "varannan tabellrad har en egen färg - går det?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/139187-varannan-tabellrad-har-en-egen-färg-går-det"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "haider"
published: "2005-12-12T16:52:44.000Z"
updated: "2005-12-12T22:40:55.000Z"
replies: 7
views: 479
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/139187-varannan-tabellrad-har-en-egen-färg-går-det"
---

# varannan tabellrad har en egen färg - går det?

## #1 — haider, 2005-12-12T16:52Z

hur gör man, så att varannan tabellrad får en viss färg/class?

tack i förhand

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

## #2 — frankof, 2005-12-12T17:19Z

css:

```
.a {background-color:#008280;}
.b {background-color:#00ff80;}
```

 
html:

```
<tr class="a"><td></td></tr>
<tr class="b"><td></td></tr>
```

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

## #3 — Insider, 2005-12-12T17:27Z

Om du menar en automatisk metod så är det på väg i CSS 3: <http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#structural-pseudos>

Men tills dess funkar nog JavaScript bäst:
<http://www.alistapart.com/articles/zebratables/>

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

## #4 — dr_damir, 2005-12-12T20:22Z

Om det sker på automatisk väg borde man väl kunna göra det med en loop. Udda och jämna tal som ger antingen en eller en annan färg. Borde väl vara lättare att göra detta med css och en loop än med javascriot när sidan genereras automatiskt?

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

## #5 — zcorpan, 2005-12-12T20:55Z

Vilket som är lättast går förstås att diskutera, men det är möjligt att slänga ut klassnamnen dynamiskt med ett serverskript likaväl som med klientskript. 

En annan möjlighet är att använda "sibling selector" med CSS (tills :nth-child() har bättre stöd i webbläsare):

```
tr, tr+tr+tr, tr+tr+tr+tr+tr, ... { background:white; color:black; }
tr+tr, tr+tr+tr+tr, tr+tr+tr+tr+tr+tr, ... { background:yellow; color:black; }
```

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

## #6 — caya, 2005-12-12T21:01Z

<http://www.alistapart.com/articles/zebratables>

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

## #7 — nitro2k01, 2005-12-12T21:44Z

> **zcorpan skrev:**
>
> Vilket som är lättast går förstås att diskutera, men det är möjligt att slänga ut klassnamnen dynamiskt med ett serverskript likaväl som med klientskript. 
> 
> En annan möjlighet är att använda "sibling selector" med CSS (tills :nth-child() har bättre stöd i webbläsare):
>
> ```
> tr, tr+tr+tr, tr+tr+tr+tr+tr, ... { background:white; color:black; }
> tr+tr, tr+tr+tr+tr, tr+tr+tr+tr+tr+tr, ... { background:yellow; color:black; }
> ```

Jag vet inte om det bara är jag, men det känns som den koden skulle kunna göra vilken som helst webbläsare instabil uppemot 1000 nivåer.

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

## #8 — zcorpan, 2005-12-12T22:40Z

> **nitro2k01 skrev:**
>
> Jag vet inte om det bara är jag, men det känns som den koden skulle kunna göra vilken som helst webbläsare instabil uppemot 1000 nivåer.

Tja, om man tänkt ha 1000 rader i sina tabeller så blir ju selektorerna ganska stora, och det blir ganska mycket att matcha. I Firefox tar det bara lite tid, men sen funkar det bra. Opera däremot verkar inte gilla det och  applicerar inte rätt stilregler för alla rader. Safari har jag inte testat än.

[Testsida (1.5 MB)](http://zcorpan.1go.dk/test/selectors/sibling.html).

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/139187-varannan-tabellrad-har-en-egen-färg-går-det