Html 使用纯CSS的Div自定义滚动条

Html 使用纯CSS的Div自定义滚动条,html,css,scrollbar,Html,Css,Scrollbar,有没有一种方法可以自定义一个只使用CSS的滚动条,它只影响一个特定的div,而不是整个页面中的所有内容 我发现我可以使用:-webkit scrollbar来更改滚动条的样式,但这会影响页面上的每个滚动条 我正在寻找一种纯粹的CSS方式来设计页面上特定滚动条的样式 这可能吗 当然是。您需要做的就是记住,::-webkit scrollbar是一个伪类,因此可以这样使用: div.foo::-webkit-scrollbar { ... } 啊,太好了。正是我需要的。非常感谢您,先生!我有这个问题

有没有一种方法可以自定义一个只使用CSS的滚动条,它只影响一个特定的div,而不是整个页面中的所有内容

我发现我可以使用
:-webkit scrollbar
来更改滚动条的样式,但这会影响页面上的每个滚动条

我正在寻找一种纯粹的CSS方式来设计页面上特定滚动条的样式


这可能吗

当然是。您需要做的就是记住,
::-webkit scrollbar
是一个伪类,因此可以这样使用:

div.foo::-webkit-scrollbar { ... }

啊,太好了。正是我需要的。非常感谢您,先生!我有这个问题。什么是div.foo?什么是div,什么是foo?