Bir listedeki her ikinci div için CSS şekillendirme

Question

Web sitemde div kutulara sahibim. Her ikinci kutuda başka bir renkte bir kenarlık olmalıdır.

Bir durumda div s liste halinde görünür. HTML kodunu değiştiremiyorum çünkü otomatik olarak üretiliyor. Web sitemin diğer kısımlarında böyle stil yapmak ve çalışır:

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

Ama ol ile bu artık çalışmaz. Her ikinci .displayBlogpost-div'a nasıl erişileceğini bilmiyorum. Bu benim kodum: http://jsfiddle.net/8SbbL/

Answer 1

liste öğesine uygulamak gerekir n'inci-çocuk faydalanmak için,

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

de kullanabilirsiniz nth-child(even) ve nth-child(odd) hangi 2n-1

Answer 2

Öğe bir li içinde olduğundan, her zaman ilk ve son öğe olur. Gerçek li üzerinde n inci çocuk hile kullanın.

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

Çalışma çatal: http://jsfiddle.net/FJuzm/