为2个不同的浏览器组合相同的CSS样式

Question

是否可以在不同的浏览器上组合相同的样式。我确实知道我们可以将相同的CSS样式应用于不同的标签，例如

p , span{
background: red;
}

我想缩短我的CSS代码

progress::-moz-progress-bar { 
    background:#cbccce;
}
 progress::-webkit-progress-bar {
    background:#cbccce;
}

这是香港专业教育学院尝试过的方法，但似乎不起作用。

progress::-moz-progress-bar , progress::-webkit-progress-bar {
    background:#cbccce;
}

已尝试搜索，但我找不到任何查询。在此先感谢:)

Answer 1

否，您不能将“ 供应商前缀”组合在一起。

但是您可以使用开发人员工具像autoprefixer一样自动生成它们，也可以使用CSS预处理器SASS LESS来缩短css代码

什么是CSS预处理程序？CSS预处理器是一种脚本语言，它通过允许开发人员以一种语言编写代码然后将其编译为CSS来扩展CSS。 Sass可能是当前最受欢迎的预处理器，但其他知名示例包括Less和Stylus。