apply :: - webkit-scrollbar to除一个之外的所有元素

Question

我必须从html5应用程序中删除所有垂直和水平滚动条，除了一个div：项目列表。这个div有一个类.mydiv，我正在尝试这样做：

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

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

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

结果：所有滚动条都消失了，包括.mydiv的滚动条。我究竟做错了什么？

Answer 1

在这种情况下你可以使用CSS Pseudo-classes。

.mydiv:not(:first)-webkit-scrollbar {
    width: auto;
}