我正在尝试根据父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!
发布于 2012-11-04 04:34:00
CSS不能基于任何类型的使用或计算的样式进行选择,所以你运气不好。
https://stackoverflow.com/questions/13213197
复制相似问题