К чему применяется этот псевдоэлемент?

Question

Считайте, что мой CSS имеет это:

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

К чему это относится? Это не относится к html или body. А к чему?

Я пытаюсь стилизовать полосы прокрутки на компоненте некоторой библиотеки lib (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. универсальный селектор

Если универсальный селектор, представленный *, не является единственным компонентом последовательности простых селекторов или сразу же сопровождается псевдоэлемент, тогда * может быть опущен и универсальный подразумевается наличие селектора.