title: nth-of-type to hide 2nd and 3rd occurrences of a class?
body: <p>I am trying to set only the 2nd and 3rd divs (not first) with a class of "promptrow" to display:none (so the items in red should be hidden). However, nth-of-type doesn't select them - can't figure out why since it seems pretty straightforward...</p>
  
  <pre><code>.promptrow:nth-of-type(2) {
    display:none;
    }
  
  .promptrow:nth-of-type(3) {
    display:none;
    }
  
  
  &lt;fieldset style="margin-top: 0;"&gt;
  
  &lt;div class="fieldsetinside"&gt;
  
     &lt;div id="crumbs"&gt;Crumbs&lt;/div&gt;
  
     &lt;div class="pgraph"&gt;
        &lt;div&gt;Culinary Trip&lt;/div&gt;
        &lt;div March 2016&gt;&lt;/div&gt;
     &lt;/div&gt;
  
     &lt;div&gt;Trip Details&lt;/div&gt;
  
     &lt;div style="clear: both;"&gt;&lt;/div&gt;
  
     &lt;div class="shoprow-qdat promptrow" style="color:blue;"&gt;
        &lt;div class="quantity"&gt;Qty&lt;/div&gt;
        &lt;div class="description"&gt;Description&lt;/div&gt;
        &lt;div class="amount"&gt;Amount&lt;/div&gt;
        &lt;div class="total"&gt;Total&lt;/div&gt;
     &lt;/div&gt;
  
     &lt;div class="shoplist"&gt;
         &lt;div class="shoprow-qdat"&gt;
             &lt;div class="quantity"&gt;1&lt;/div&gt;
             &lt;div class="description"&gt;Deposit 1&lt;/div&gt;
             &lt;div class="amount"&gt;100&lt;/div&gt;
             &lt;div class="total"&gt;---&lt;/div&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  
     &lt;div class="shoplist"&gt;
         &lt;div class="shoprow-qdat"&gt;
             &lt;div class="quantity"&gt;2&lt;/div&gt;
             &lt;div class="description"&gt;Deposit 2&lt;/div&gt;
             &lt;div class="amount"&gt;$200&lt;/div&gt;
             &lt;div class="total"&gt;---&lt;/div&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  
  
  
     &lt;div style="clear: both;"&gt;&lt;/div&gt;
  
     &lt;div class="shoprow-qdat promptrow" style="color:red;"&gt;
        &lt;div class="quantity"&gt;Qty&lt;/div&gt;
        &lt;div class="description"&gt;Description&lt;/div&gt;
        &lt;div class="amount"&gt;Amount&lt;/div&gt;
        &lt;div class="total"&gt;Total&lt;/div&gt;
     &lt;/div&gt;
  
     &lt;div class="shoplist"&gt;
         &lt;div class="shoprow-qdat"&gt;
             &lt;div class="quantity"&gt;3&lt;/div&gt;
             &lt;div class="description"&gt;Deposit 3&lt;/div&gt;
             &lt;div class="amount"&gt;$300&lt;/div&gt;
             &lt;div class="total"&gt;---&lt;/div&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  
  
     &lt;div style="clear: both;"&gt;&lt;/div&gt;
  
     &lt;div class="shoprow-qdat promptrow" style="color:red;"&gt;
        &lt;div class="quantity"&gt;Qty&lt;/div&gt;
        &lt;div class="description"&gt;Description&lt;/div&gt;
        &lt;div class="amount"&gt;Amount&lt;/div&gt;
        &lt;div class="total"&gt;Total&lt;/div&gt;
     &lt;/div&gt;
  
     &lt;div class="shoplist"&gt;
         &lt;div class="shoprow-qdat"&gt;
             &lt;div class="quantity"&gt;4&lt;/div&gt;
             &lt;div class="description"&gt;Description 4&lt;/div&gt;
             &lt;div class="amount"&gt;$400&lt;/div&gt;
             &lt;div class="total"&gt;---&lt;/div&gt;
         &lt;/div&gt;
     &lt;/div&gt;
  
     &lt;/div&gt;
  &lt;/fieldset&gt;
  </code></pre>
  
  <p>Fiddle here:
  <a href="https://jsfiddle.net/badjuju/y88txs9b/" rel="nofollow noreferrer">https://jsfiddle.net/badjuju/y88txs9b/</a></p>