title: CSS styling for every second div in a list
body: <p>I have <code>div</code> boxes on my website. Every second box should have a border in another color.</p>
  
  <p>In one case the <code>div</code>s appear as a list. I cannot change the HTML code because it is automatically generated. On the other parts of my website I do the styling like this and it works:</p>
  
  <pre><code>.displayBlogpost:nth-child(2n+1) {
      border: #B4C556 1px solid;
  }
  </code></pre>
  
  <p>But with the <code>ol</code> that does not work anymore. I have no idea how to get access to every second <code>.displayBlogpost-div</code>. This is my code: <a href="http://jsfiddle.net/8SbbL/">http://jsfiddle.net/8SbbL/</a></p>