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

Question

考虑我的CSS有这个：

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

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

我正在尝试在某个 lib（handsontable）的组件上设置滚动条的样式，但它看起来很有趣，因为它的 JS 代码正在从某处读取滚动条大小。

上面的 CSS 解决了这个问题。但随后它会在应用程序的任何地方设置滚动条大小，这是不可取的。我正在寻找一种解决方法。如果我这样做：

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

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

标签： csscss-selectorspseudo-elementhandsontable

Answer 1

这个：

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

与此相同：

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

所以它适用于所有元素。

§ 6.2。通用选择器

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