我可以将Firefox和Webkit风格的选择器分组吗？如果不是，为什么？

我正在自定义一个HTML5输入。我注意到我的Firefox和Webkit风格之间的代码重复，所以我试着将它们分组，令人失望的结果。所有的Firefox属性都已应用，但Chrome的属性却没有。为什么分组会影响结果？我可以将Firefox和Webkit风格的选择器分组吗？如果不是，为什么？

HTML

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

CSS

.slider { 
    -webkit-appearance: none; 
} 

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

2017-03-16 Zollie

也许你可以将它们与预处理器（如Sass或Less）分组。 –

@AlexTimmer - 如何帮助？ – Quentin

@Quentin;以及你想组类的唯一原因是保持一个干净整洁的CSS文件。保持干净整洁的CSS文件的最好方法是使用预处理器，它允许嵌套和链接等操作。 –

如果选择是无法识别的，那么浏览器，需要把它当作一个错误，忽略它：整选择，而不仅仅是组。所以你不能分组他们。

2017-03-16 21:56:09 Quentin

回答