Linuchs: Verwirrung mit p:nth-child odd und even

Beitrag lesen

Hallo,

da eine komplizierte CSS-Zuordnung mit p:nth-child() nicht funktioniert, bin ich wieder ganz zurück an der Basis:
odd und even

Der odd-Hintergrund sollte eigentlich rot sein, ist aber blau (bei Firefox + Opera)

Mit Google Translate habe ich mich schlau gemacht, dass ich nicht spinne: odd = ungerade. Darunter verstehe ich 1, 3, 5, ...

Ich möchte den ersten p gelb hinterlegen:

p:nth-child(odd) {  
  background:#f00;  
}  
p:nth-child(even) {  
  background:#0f0;  
}  
p:nth-child(1) {  
  background:#ff0;  
}  

Klappt nicht. Wenn ich den zweiten p gelb hinterlege, wird der erste gelb. Irgendwie bin ich neben der Spur.

So kann ich natürlich kein gültiges CSS programmieren.

Linuchs.