リスト内のすべての2番目のdivのためのCSSスタイリング

Question

私はdivボックスを私のウェブサイトに持っています。すべての2番目のボックスは、別の色の枠線を持つ必要があります。

あるケースでは、divがリストとして表示されます。 HTMLコードは自動的に生成されるため変更できません。私のウェブサイトの他の部分で私はこのようなスタイリングを行うと、それが動作します：

.displayBlogpost:nth-child(2n+1) { 
    border: #B4C556 1px solid; 
} 

しかし、もう動作しませんolで。私はどのように毎秒.displayBlogpost-divにアクセスするのか分かりません。これは私のコードです：http://jsfiddle.net/8SbbL/

Answer 1

を、

http://jsfiddle.net/8SbbL/6/

2n-1

Answer 2

要素はli内にあります。したがって、要素は常に最初と最後の要素です。実際のliにn番目の子トリックを使用します。

フォークの作業

#searchresult li:nth-child(2n+1) .displayBlogpost { 
    border: #B4C556 1px solid; 
} 

：あなたもnth-child(even)とnth-child(odd)使用することができますが、リスト項目にそれを適用する必要がn番目の子を利用するためにhttp://jsfiddle.net/FJuzm/