这个伪元素适用于啥？

Posted 2023-03-22

【中文标题】这个伪元素适用于啥？

【英文标题】：What is this pseudo-element applied to?这个伪元素适用于什么？

【发布时间】：2019-04-13 13:56:20

【问题描述】：

考虑一下我的 css 有这个：

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

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

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

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

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

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

【参考方案1】：

这个：

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

和这个是一样的：

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

所以它适用于所有元素。

§ 6.2. Universal selector

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