css - 溢出导致滚动条时的目标样式

Question

我有这样的div:

<div id="test"></div>

#test {
  width:100px;
  overflow-y:auto;
}

我想要做的只是当overflow-y:auto实际上导致滚动条出现时才应用样式.有没有办法通过CSS/CSS3做到这一点？

谢谢.

Answer 1

不,CSS没有提供基于其他计算样式应用样式的方法,因为计算出的样式由浏览器决定.你必须用JavaScript来做这件事,如果有可能的话(我猜它是某种方式,但它现在不在我的脑海里)看看约书亚的回答.

顺便说一下,<div>除非你给它一个高度,否则垂直滚动条不会出现在你的身上.在没有定义高度的情况下,它将始终扩展以适应其内容,从而无需使用滚动条.