我正在努力改变某种东西的风格,而不是它的父div被溢出.
.pDiv { display: block; width: 300px; height: 100px; border: 1px solid rgb(0,0); } .cDiv { display: block; padding 4px; border-bottom: 1px solid rgb(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!
解决方法
CSS不能根据任何类型的使用或计算样式进行选择,所以你没有运气.