css - 为什么不能将带有供应商前缀的选择器放在同一行？

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-... 选择器无法识别，因此无效。包含无效伪选择器的规则将被忽略。

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