css - 这个伪元素应用于什么？

Question

考虑我的 CSS 有这个:

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

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

我试图在某个库(handsontable)的组件上设置滚动条的样式，但它呈现得很有趣，因为它的 JS 代码正在从某处读取滚动条大小。

上面的 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

If a universal selector represented by * is not the only component of a sequence of simple selectors or is immediately followed by a pseudo-element, then the * may be omitted and the universal selector's presence implied.