组合的CSS选择器不起作用？

Question

这有效：

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

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

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

input:-ms-input-placeholder {  
   color: red;  
}

但至少在Chrome上这没有任何作用：

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

为什么会这样？

Answer 1

请参阅spec中的警告：

  

以逗号分隔的选择器列表表示所有的联合   由列表中的每个选择器选择的元素。

     

警告：此示例中的等效项为true，因为全部   选择器是有效的选择器。如果只有其中一个选择器   无效，整个选择器组都无效。

然后，选择器组不起作用，因为每个浏览器只接受其供应商前缀，但其他浏览器无效。