我是一个以双冒号为前缀的伪元素的新手。我碰到了一篇博客文章,讨论仅使用某些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的滚动条自定义,但是主窗口的滚动条保持默认状态。
你的想法是正确的。但是,div ::-webkit-scrollbar后面带有空格的表示法div实际上与div *::-webkit- scrollbar; 相同。这个选择器的意思是“里面任何元素的滚动条<div>”。使用div::-webkit-scrollbar。
div ::-webkit-scrollbar
div
div *::-webkit- scrollbar
<div>
div::-webkit-scrollbar