38

我正在尝试根据其父 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！

4

1 回答 1

20

CSS 不能基于任何类型的使用或计算的样式进行选择，所以你不走运。

于 2012-11-03T20:34:00.497 回答