为什么供应商前缀选择器不能放在同一行？

Question

我最近意识到，在设置HTML5输入占位符文本样式时，这不起作用：

:-moz-placeholder, ::-webkit-input-placeholder {
  color:rgb(150,150,150);
}

但这样做：

:-moz-placeholder {
  color:rgb(150,150,150);
}
::-webkit-input-placeholder {
  color:rgb(150,150,150);
}

有谁知道为什么会这样？

Answer 1

其中一个:-vendor-...选择器无法识别，因此无效。包含无效伪选择器的规则将被忽略。

看看这个小提琴：http://jsfiddle.net/ue44U/2/
#foo选择器应与示例中的元素匹配，但由于我已将:a-cow-says-moo添加到选择器集，因此将忽略整个规则。