我对以双冒号为前缀的伪元素很陌生。我看到一篇博客文章讨论使用一些仅适用于 webkit 的 css 来设置滚动条的样式。伪元素 CSS 可以应用于单个元素吗？
/* This works by applying style to all scroll bars in window */
::-webkit-scrollbar {
width: 12px;
}
/* This does not apply the scrollbar to anything */
div ::-webkit-scrollbar {
width: 12px;
}
在这个小提琴中，我想让 div 滚动条自定义，但主窗口滚动条保持默认状态。
http://jsfiddle.net/mrtsherman/4xMUB/1/ http://jsfiddle.net/mrtsherman/4xMUB/1/
你的想法是正确的。然而，符号div ::-webkit-scrollbar后面有一个空格div实际上是一样的div *::-webkit-scrollbar;这个选择器的意思是“里面任何元素的滚动条<div>". Use div::-webkit-scrollbar.
请参阅演示：http://jsfiddle.net/4xMUB/2/ http://jsfiddle.net/4xMUB/2/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
