此页内容

Grouping Vendor Selector

鹏展博

154字小于1分钟

2024-01-17

不建议对带有不同浏览器前缀的选择器进行分组。

例如，设置输入占位符的样式需要每个浏览器有多个选择器。

这是由于，根据 W3C ，如果选择器分组中，有某一个选择器无效，则会使整个分组的所有选择器都无效。

/* 请不要这样做 */
input::-webkit-input-placeholder,
input:-moz-placeholder {

  color: #222;
}

相反，请这样做：

input::-webkit-input-placeholder {
  color: #222;
}

input:-moz-placeholder {
  color: #222;
}