親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 は使用しないでください。