unterschiedliche styles (Farben) innerhalb einer Liste

[Gunnar Bittersmann]

Hello out there!

kann man innerhalb eines Stylesheets eine Liste so formatieren, dass jeder Punkt aus der Liste einen eigenen Style hat, z.B. so dass der erste Punkt rot ist, der zweite grün, der dritte blau, ...

li:first-child {color: red}  
li:first-child+li {color: green}  
li:first-child+li+li {color: blue}

funktioniert in modernen Browsern. Für archaische Artefakte musst du Klassen vergeben:

<ol>  
  <li class="li1">foo</li>  
  <li class="li2">bar</li>  
  <li class="li3">baz</li>  
</ol>

Das Durchzählen kannst du auch ein JavaScript erledigen lassen.

In CSS 3 gibt’s dann auch :nth-child()

See ya up the road,
Gunnar