web-dev-qa-db-ja.com

オーバーフロー用の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がオーバーフローしている場合にのみ、最後の子の境界線の下部を削除する必要があります。 JSではなく、純粋なCSSソリューションも必要です。

CSSは、使用されているスタイルや計算されたスタイルに基づいて選択することはできないため、運が悪いです。

14
BoltClock