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

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到选择集，整个规则将被忽略。