Css 为什么我不能在更少的时间内选择多个占位符

只想添加css前缀

：：-moz占位符

和

：：-webkit输入占位符

因此我将在更少的时间内执行多个选择器：

::-moz-placeholder, ::-webkit-input-placeholder {
 color:red;
}

::-moz-placeholder {
 color:red;
}
::-webkit-input-placeholder {
 color:red;
}

它不起作用了？为什么?

演示：

---

但它在我正常情况下起作用：

::-moz-placeholder, ::-webkit-input-placeholder {
 color:red;
}

::-moz-placeholder {
 color:red;
}
::-webkit-input-placeholder {
 color:red;
}

演示：

---

我做错了什么？想知道这是不是少了点

---

Ref:前缀来自

有人发现相关问题已经存在，因此：

基本上，如果浏览器无法识别逗号分隔列表中的任何选择器，它将跳过整个规则并继续执行下一个规则

// Chrome
::-moz-placeholder // <-- I don't know this one, skipping!

// Firefox
::-moz-placeholder, ::webkit-input-placeholder // <-- I don't know this one, skipping!

//Chrome
：-moz占位符//这是。回到基本。。。。非常感谢：那另一个问题和这个问题有什么关系？其中一个讨论伪元素的单/双冒号表示法，而这一个讨论前缀。这个问题本身确实没有关系，但公认的答案解释了为什么逗号分隔会有一些令人讨厌的副作用。我已经更新了链接，可以立即跳转到答案。