某个类中的CSS伪元素（：:)

Question

我想在我的页面上自定义滚动条，但仅限于某个div。

我有通用的代码：

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

但我只想在具有.return类的div中执行此操作。

我试过了：

.return ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

但这不起作用。这样做的语法是什么？

Answer 1

.return::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.return和:: - webkit-scrollbar-track之间有一个空格。删除它，一切都应该工作;）