title: Target first child after css class
body: <p>I have an overview of <code>item</code>s, which are built up like this:</p>
  
  <pre><code>&lt;div class="item"&gt;...&lt;/div&gt;
  &lt;div class="item"&gt;...&lt;/div&gt;
  &lt;div class="item lastinrow"&gt;...&lt;/div&gt;
  &lt;div class="item"&gt;...&lt;/div&gt;
  &lt;div class="item"&gt;...&lt;/div&gt;
  &lt;div class="item lastinrow"&gt;...&lt;/div&gt;
  </code></pre>
  
  <p>I want to target the first <code>item</code>-class and every <code>item</code>-class every time a <code>lastinrow</code>-class has passed. Is this possible? Or should I just use <code>:nth-child(#)</code>?</p>
  
  <p>If using <code>:nth-child</code> is the solution, what number(s) should I use instead of the # if I want to target the first one and every 4th one?</p>