时间戳

首页 > 解决方案 > 为 2 个不同的浏览器组合相同的 CSS 样式

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

问题描述

是否可以在不同的浏览器上组合相同的样式。我知道我们可以为不同的标签应用相同的 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;
}

我试过搜索，但我找不到答案。提前致谢 ：）

标签： csscross-browser

解决方案

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

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

什么是 CSS 预处理器？

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

推荐阅读