목록의 두 번째 div마다 CSS 스타일링

Question

내 웹 사이트에 div 개의 상자가 있습니다. 매 두 번째 상자에는 다른 색상의 테두리가 있어야합니다.

하나의 경우에 div이 목록으로 나타납니다. 자동 생성되므로 HTML 코드를 변경할 수 없습니다. 내 웹 사이트의 다른 부분에 나는이 같은 스타일을하고 그것을 작동 :

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

을하지만 ol으로 그것은 더 이상 작동하지 않습니다. 매 초마다 액세스하는 방법을 모르겠습니다. .displayBlogpost-div. 이것은 내 코드입니다 : http://jsfiddle.net/8SbbL/

Answer 1

당신이 목록 항목에 적용 할 필요가 n 번째 자식을 사용하려면

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

당신은 또한 사용할 수 있습니다 nth-child(even) 및 nth-child(odd)하는 2n-1

Answer 2

요소는 li 내에 있으므로 항상 첫 번째 요소와 마지막 요소입니다. 실제 li에서 n 번째 자식 트릭을 사용하십시오.

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

근무 포크 : http://jsfiddle.net/FJuzm/