Question

考虑我的CSS有这个：

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

这适用于什么？它不适用于html或body。但是要做什么呢？

我正在尝试在某些lib（可手动放置）的组件上设置滚动条样式，但它却很有趣，因为其JS代码正在从 somewhere 读取滚动条大小。

上述CSS可以解决此问题。但是，然后它会在应用程序中的所有位置设置滚动条大小，这是不希望的。我正在寻找解决方法。如果我做类似的事情：

html::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

或与作为组件父级的任何类相同，我没有得到结果。

Answer 1

此：

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

与此相同：

*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

因此它适用于所有元素。

§ 6.2. Universal selector

如果不是由*表示的通用选择器   简单选择器序列的或紧随其后的是   伪元素，则*可以省略，并且通用   暗示选择者的存在。