如何为伪样式选择器编写SASS类

我有一个设计滚动条样式的类，它可以写得更干净，而不需要为每个选择器分类吗

/* width */
.scrollbar::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

/* Handle */
.scrollbar::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
.scrollbar::-webkit-scrollbar-thumb:hover {
    background: #555; 
}

大概是这样的：

.scrollbar {
    ::-webkit-scrollbar-thumb { ... }
    ::-webkit-scrollbar { ... }
    ...
}

---

是的，您可以使用符号和语法：

.scrollbar {
    &::-webkit-scrollbar-thumb { ... }
    &::-webkit-scrollbar { ... }
    ...
}

在这里，你可以在小提琴上看到它：