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

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

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

修改

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

Answer 1

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

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

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

修改

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