css - 基于指南针的 sass、精灵插件使 webkit-special 伪元素错误

Question

我的 web 项目中有一个 img/icon 文件夹，其中包含 scroll-btn-end.png，我编写了 scss 文件：

::-webkit-scrollbar-button:end:increment {
   @include icons-sprite(scroll-btn-end);
}

但在生成的css文件中它是：

:increment:end::-webkit-scrollbar-button {
  background-image: url('../img/icons-sd4a90ad578.png');
  background-repeat: no-repeat;
}

为什么在生成的 css 文件中，伪元素的顺序错误？它是指南针精灵插件错误吗？