Gibt es einen CSS-Pseudo-Selektor für den Überlauf?

Question

Ich versuche, den Stil von etwas zu ändern, das davon abhängt, ob sein Elternteil überflogen wird oder nicht.

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

ist es möglich, so etwas zu tun? Ich würde den Last-Kind-Pseudo-Selektor verwenden, aber die Anzahl der Kinder kann variieren, also möchte ich, dass der Rand-Boden des letzten Kindes NUR WENN das Eltern-Div überflogen wird. Ich möchte auch eine reine CSS-Lösung, bitte, kein JS!

Answer 1

CSS kann nicht basierend auf verwendeten oder berechneten Stilen ausgewählt werden, so dass Sie kein Glück haben.

Answer 2

verwenden JavaScript/JQuery wenn die DIV is overflown zu sehen, dann einfach eine Klasse auf das DIV hinzufügen ...

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

und dann Stil dieser Klasse ...

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