К чему применяется этот псевдоэлемент?
Считайте, что у моего css есть это:
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
К чему это относится? Это не относится к html или body. Но к чему?
Я пытаюсь стилизовать полосы прокрутки на компоненте некоторой библиотеки (с ручным управлением), но это выглядит забавно, потому что его код JS считывает размеры полосы прокрутки из где-то.
Приведенный выше css исправляет это. Но затем он устанавливает размеры полосы прокрутки повсюду в приложении, что нежелательно. Я ищу обходной путь. Если я сделаю что-то вроде:
html::-webkit-scrollbar {
width: 5px;
height: 5px;
}
или то же самое с любым классом, который является родительским для компонента, я не получаю результата.
Ответы 1
Этот:
::-webkit-scrollbar {
width: 5px;
height: 5px;
}
то же самое, что и это:
*::-webkit-scrollbar {
width: 5px;
height: 5px;
}
Так это применимо ко всем элементам.
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.