apply :: - webkit-scrollbar для всех элементов, кроме одного

Question

Мне нужно удалить все вертикальные и горизонтальные полосы прокрутки из приложения html5, за исключением одного элемента div: списка элементов.У этого div есть класс .mydiv, и я пытаюсь сделать это:

html {
  overflow: scroll;
  overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 0;
}

.mydiv::-webkit-scrollbar {
    width: auto;
}

Результат: все полосы прокрутки исчезли, включая полосу прокрутки .mydiv.Что я делаю не так?

Answer 1

Вы можете использовать псевдоклассы CSS в этом случае..mydiv:not(:first)-webkit-scrollbar { width: auto; }