Tạo kiểu CSS cho mỗi div thứ hai trong danh sách

Question

Tôi có div hộp trên trang web của mình. Mỗi hộp thứ hai phải có đường viền màu khác.

Trong một trường hợp, div xuất hiện dưới dạng danh sách. Tôi không thể thay đổi mã HTML vì nó được tạo tự động. Trên các phần khác của trang web của tôi, tôi tạo kiểu như thế này và nó hoạt động:

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

Nhưng với ol không hoạt động nữa. Tôi không biết cách truy cập vào mỗi giây .displayBlogpost-div. Đây là mã của tôi: http://jsfiddle.net/8SbbL/

Answer 1

để tận dụng các con thứ n bạn cần phải áp dụng nó vào mục danh sách,

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

bạn cũng có thể sử dụng nth-child(even) và nth-child(odd) mà đọc đẹp hơn 2n-1

Answer 2

Phần tử nằm trong một li, vì vậy nó luôn là phần tử đầu tiên và cuối cùng. Sử dụng thủ thuật n-th con trên thực tế li.

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

nĩa làm việc: http://jsfiddle.net/FJuzm/