Есть ли псевдо-селектор css для переполнения?

Я пытаюсь изменить стиль чего-либо, основываясь на том, что его родительский div переполнен.

.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; }

<div class="pDiv"><div class="cDiv">child 1</div><div class="cDiv">child 2</div><div class="cDiv">child 3</div><div class="cDiv">child 4</div><div class="cDiv">child 5</div></div>

Можно ли сделать что-то подобное? Я бы использовал псевдоселектор последнего ребенка, но число детей может меняться, поэтому я хочу, чтобы он удалял нижний край последнего ребенка ТОЛЬКО, если родительский div переполнен. Я тоже хочу чистое решение CSS, не JS!

Ответ 1

CSS не может выбирать на основе используемых или вычисленных стилей любого типа, поэтому вам не повезло.

Ответ 2

Используйте JavaScript/JQuery, чтобы увидеть, что DIV переполнен, а затем просто добавьте класс в DIV...

$("#yourdiv").addClass("overflown");

а затем стиль этого класса...

.overflown {
 .........
}