title: Hide the first div with specific class
body: <p>I want to hide (display:none) the first div with class .leftAddress</p>
  
  <p>Here is css </p>
  
  <pre><code>fieldset .leftAddress:first-of-type{
      display:none;
  }
  </code></pre>
  
  <p>Here is html</p>
  
  <pre><code>&lt;fieldset&gt;
      &lt;div class="alert forward"&gt;&lt;span class="coming"&gt;&lt;strong&gt;NOTE:&lt;/strong&gt;&lt;/span&gt; A maximum of 5 address book entries allowed.&lt;/div&gt;
      &lt;div class="leftAddress"&gt;Any&lt;/div&gt;
      &lt;div class="leftAddress"&gt; 
          &lt;!--Insert--&gt;
          &lt;h3 class="addressBookDefaultName"&gt;Harry Testing&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="leftAddress"&gt; 
          &lt;!--Insert--&gt;
          &lt;h3 class="addressBookDefaultName"&gt;Heba ElZany&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="leftAddress"&gt; 
          &lt;!--Insert--&gt;
          &lt;h3 class="addressBookDefaultName"&gt;Yamen Shahin&amp;nbsp;(primary address)&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="leftAddress"&gt; 
          &lt;!--Insert--&gt;
          &lt;h3 class="addressBookDefaultName"&gt;Yamen2 Shahin2&lt;/h3&gt;
      &lt;/div&gt;
      &lt;div class="leftAddress"&gt; 
          &lt;!--Insert--&gt;
          &lt;h3 class="addressBookDefaultName"&gt;Yamen3 Shahin3&lt;/h3&gt;
      &lt;/div&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p>As you see I used <code>:first-of-type</code>, but it seems to be not working. What am I missing here?
  I also tried :nth-of-type(1) <a href="http://jsfiddle.net/arns7/4/" rel="nofollow noreferrer">http://jsfiddle.net/arns7/4/</a> it doesn't work.
  So this solution didn't work for me <a href="https://stackoverflow.com/questions/2717480/css-selector-for-first-element-with-class">CSS selector for first element with class</a></p>