我正试图改变某种东西的风格,而不是它的父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>
可以做这样的事吗?我会使用last-child伪选择器,但子项的数量可能会有所不同,所以我希望它仅在父div被溢出时才删除last-child的border-bottom。我也想要一个纯CSS解决方案,没有JS!
答案 0 :(得分:12)
CSS无法根据任何类型的已使用或计算的样式进行选择,因此您运气不佳。