将 ::-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; }