我是新的伪元素,前缀为双冒号。我碰到一篇博客文章,讨论滚动条的样式使用一些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。