CSS-Stil für jedes zweite div in einer Liste

8

Ich habe div Boxen auf meiner Website. Jede zweite Box sollte einen Rand in einer anderen Farbe haben.

In einem Fall erscheint div s als Liste. Ich kann den HTML-Code nicht ändern, da er automatisch generiert wird. Auf den anderen Teilen meiner Website mache ich das Styling so und es funktioniert:

%Vor%

Aber mit dem ol funktioniert das nicht mehr. Ich habe keine Ahnung, wie ich Zugang zu jeder zweiten .displayBlogpost-div bekomme. Das ist mein Code: Ссылка

    
Katy 04.12.2012, 21:11
quelle

2 Antworten

12

Um das n-te Kind zu verwenden, müssen Sie es auf das Listenelement anwenden,

Ссылка

Sie können auch nth-child(even) und nth-child(odd) verwenden, was schöner ist als Ihr 2n-1

    
Oliver Atkinson 04.12.2012, 21:19
quelle
1

Das Element befindet sich in einem li, also ist es immer das erste und letzte Element. Verwenden Sie den n-ten Kindertrick auf dem tatsächlichen li.

%Vor%

Arbeitsgabel: Ссылка

    
circusdei 04.12.2012 21:15
quelle

Tags und Links