title: Is there a css pseudo selector for overflow?
body: <p>I'm trying to alter the style of something based on wether or not its parent div is being overflown.</p>
  
  <pre><code>.pDiv { display: block; width: 300px; height: 100px; border: 1px solid rgb(0,0,0); }
  .cDiv { display: block; padding 4px; border-bottom: 1px solid rgb(0,0,0);
  .pDiv:overflow .cDiv { border-bottom: none; }
  
  &lt;div class="pDiv"&gt;&lt;div class="cDiv"&gt;child 1&lt;/div&gt;&lt;div class="cDiv"&gt;child 2&lt;/div&gt;&lt;div class="cDiv"&gt;child 3&lt;/div&gt;&lt;div class="cDiv"&gt;child 4&lt;/div&gt;&lt;div class="cDiv"&gt;child 5&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>is it possible to do something like this? I would use the last-child pseudo-selector, but the number of children can vary, so I want it to remove the border-bottom of the last-child ONLY IF the parent div is being overflown. I want a pure CSS solution too please, no JS!</p>