为什么不可能在占位符上堆叠CSS跨浏览器规则?

我试着联系 text-align: center; 输入的占位符,考虑到浏览器的兼容性。

在Chrome、Firefox和Edge下,这段代码不起作用:

#test::-webkit-input-placeholder,
#test:-moz-placeholder, 
#test::-moz-placeholder, 
#test:-ms-input-placeholder {
    text-align: center;
}

... 而这一个,在代码上是等价的,工作原理是:

#test::-webkit-input-placeholder {
    text-align: center;
}

#test:-moz-placeholder {
  text-align: center;
}

#test::-moz-placeholder {
  text-align: center;
}

#test:-ms-input-placeholder {
  text-align: center; 
}

为什么?