title: How to get the number of children div in css or sass
body: <p>Assuming we have a css list as such</p>
  
  <pre><code>&lt;ul class="parent"&gt;
    &lt;li class="child"&gt;&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>with the child items being generated based from an iterator. How can you get the number of children within parent in either css or scss.</p>
  
  <p>So I can dynamically modify css attributes like <code>padding</code> based on the nth child.</p>