title: Select nth element of a class CSS
body: <p>I've got a div with a number of image + text divs, the images and text divs appear in a random order, it could be <code>image-image-text-image</code> or <code>text-image-text-image</code> etc... each text item has a class associated with it, so how do I target the nth element of that class? </p>
  
  <p>I can't target the parent as the first item may be an image or text and I only want to target each text item individually. This is the class applied to the variable number of divs in a variable order:</p>
  
  <pre><code>.article_content_divs {
      width:720px;
      float:left;
      margin-left:5px;
      margin-top:5px;
      text-align:justify;
  }
  </code></pre>