組合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警告：

逗號分隔的選擇器的列表表示由每個在列表中的各個選擇器中選擇的所有 元素的聯合。

警告：由於所有 選擇器都是有效的選擇器，所以在本例中等同。如果這些選擇器中只有一個是無效的，則整個選擇器組將是無效的。

然後，該組選擇器不起作用，因爲每個瀏覽器只接受其供應商前綴，但其他的無效。