这个伪元素适用于什么？

Question

考虑一下我的 css 有这个：

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

这适用于什么？它不适用于html 或body。但是为了什么？

我正在尝试在某个 lib（handsontable）的组件上设置滚动条样式，但它看起来很有趣，因为它的 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

如果由* 表示的通用选择器不是唯一的组件 一系列简单的选择器或紧随其后的是 伪元素，则* 可以省略，通用 隐含选择器的存在。