为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;
}

我尝试过搜索，但我找不到 aswer。提前致谢:)

Answer 1

不可以，您不能将">供应商前缀"组合在一起。

但是您可以使用开发人员工具自动生成它们，例如自动前缀，或者您可以使用CSS预处理器SASSLESS来缩短css代码

什么是 CSS 预处理器？CSS

预处理器是一种脚本语言，它通过允许开发人员用一种语言编写代码，然后将其编译为 CSS 来扩展 CSS。Sass可能是目前最流行的预处理器，但其他著名的例子包括Less和Stylus。