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

标签 html css vendor-prefix

<分区>

例如我有:

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

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

编辑:

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

最佳答案

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

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

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

编辑

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

关于html - 在一个元素中使用多个供应商标签是一种不好的做法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35368669/

相关文章:

php - 发现 NotFoundHttpException 错误

html - 如何防止动态文本框在增长时移动其他字段

html - 如何防止这些表重叠?

javascript - Node/Grunt - Autoprefixer - 如何将配置添加到我的 Gruntfile.js 以及如何检查支持的浏览器?

JavaScript 仅显示浏览器特定的 CSS 前缀,即使添加了其他前缀也是如此

html - 如果选中复选框,则更改标签颜色;如果未选中复选框,则更改标签颜色

html - 带有 <select> 的 CSS 下拉菜单在 IE 中不可用

css - 使用 CSS 进行布局,清除 float 以在下一行开始 ??需要创建一个2列5行的布局

css - Superfish 菜单 - 当前元素突出显示

css - 如何验证 CSS 中的供应商前缀,如 -webkit- 和 -moz-?