我正在尝试根据其父 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!
最佳答案
CSS 无法根据任何类型的使用或计算样式进行选择,所以你运气不好。
关于html - 是否有用于溢出的 css 伪选择器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13213197/