Css 我可以对Firefox和Webkit样式选择器进行分组吗？若否，原因为何？

我正在定制HTML5输入。我注意到Firefox和Webkit风格之间的代码重复，所以我尝试对它们进行分组，结果令人失望。所有Firefox属性都已应用，但Chrome的属性未应用。为什么分组会影响结果

HTML

---

如果无法识别选择器，则浏览器需要将其视为错误并忽略它：整个选择器，而不仅仅是组。所以你不能对它们进行分组。

也许你可以使用诸如Sass或更少的预处理器对它们进行分组。@Alextimer-这有什么帮助？@Quentin；你想要分组类的唯一原因是保持一个干净整洁的CSS文件。保持CSS文件整洁的最佳方法是使用预处理器，它允许嵌套和链接等操作。@AlexTimmer-使用工具对它们进行分组如何解决浏览器分组时不支持它们的问题？

<input
  class="slider"
  type="range"
  min="0"
  max="100"
  step="10">

.slider {
  -webkit-appearance: none;
}

.slider,
.slider::-moz-range-track {
  background-color: #031424;
  height:           1em;
}