unterschiedliche styles (Farben) innerhalb einer Liste

[Andreas]

Hallo allerseits,

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, ...

Ich meine ich hätte mal ein Beispiel gesehen, bei dem das so gemacht war und die Styles irgendwie so durchnummeriert waren. Ich finde das aber nicht mehr und bin mir auch nicht sicher unter was ich suchen soll.

Vielen Dank

ciao

Andreas

[Blitz]

Das ist für buttons.

<input type="button" value="Button"
style="border: solid 1px black; background-color: #00e0ff;
color: #001060;">

[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

[Andreas]

Vielen Dank,

muss es noch testen, hilft mir aber auf jeden Fall weiter

Andreas