在一个元素中使用多个供应商标签是一种不好的做法吗？

Question

例如我有：

div.subscribe input[type="text-field"]::-webkit-input-placeholder,
div.subscribe input[type="text-field"]::-o-input-placeholder,
div.subscribe input[type="text-field"]::-moz-input-placeholder {
        padding-left: 20px;
}

压缩供应商前缀是一种不好的做法，甚至是一种有效的可能性吗？提前致谢。

编辑：

是否可以在一个 class 中使用供应商前缀与使用不同前缀的多个 classes

Answer 1

提供供应商前缀是因为不同的浏览器呈现 css 样式 sheet 代码的某些部分不同。因此，为了让您的页面在所有主流浏览器中保持一致，我们使用 vendor prefixes.If 您正在编写的代码部分在所有主流浏览器上呈现相同，无需在一个元素中使用多个供应商标签。你可以简单地使用

div.subscribe input[type="text-field"]::placeholder{
    padding-left: 20px;
}

所以如果是上面解释的情况，这是一个不好的做法，因为会有不必要的额外代码行，逻辑上什么都不做。

编辑

::placeholder伪class还是不稳定。参考this。因此，对于您的情况，您必须使用供应商前缀，直到工作草案最终确定并得到主要浏览器的完全支持。

在一个元素中使用多个供应商标签是一种不好的做法吗？

Is it a bad practice to use multiple vendor tags in one element?

html

css

vendor-prefix