devtools添加伪元素

今天犯了个很猪鼻的问题。

在看博客园的时候，发现这个滚动条挺不错， 于是就点开devtools看看怎么实现的：

是使用伪元素修改了所有的scrollbar。之后我想随便开个网页在devtools里调试下效果，问题来了。在devtools里不能直接添加一个根伪元素，也就是没法直接添加::-webkit-scrollbar，愁坏我了。
最后在stackoverflow找到答案的瞬间我发现我猪鼻了：虽然不能直接添加::-webkit-scrollbar，但是像平常用到的伪元素，比如::before，不都是添加在一个元素后的嘛，那也把::-webkit-scrollbar添加在某个元素后面不就能试效果了…比如在html标签上添加*::-webkit-scrollbar{}就可以了。
平时::before都知道该怎么添加，遇上个::-webkit-scroll就猪鼻了💢