title: First DIV has a different style than the rest
body: <p>I have a list of DIVs that share the same classes as follows:</p>
  
  <pre><code>&lt;div class="content1"&gt;&lt;div class="contentInner"&gt;Text1&lt;/div&gt;&lt;/div&gt;
  &lt;div class="content1"&gt;&lt;div class="contentInner"&gt;Text2&lt;/div&gt;&lt;/div&gt;
  &lt;div class="content1"&gt;&lt;div class="contentInner"&gt;Text3&lt;/div&gt;&lt;/div&gt;
  ...
  </code></pre>
  
  <p>I want the first DIV with class="content1" to have a different style than the following DIVs of the same class. What is the CSS selector that can accomplish this?
  Thanks</p>