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

Question

考虑到浏览器的兼容性，我正在尝试将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; 
}

为什么？