Por que não posso agrupar seletores CSS específicos de navegadores para diferentes navegadores?
Acabei de tentar escrever a seguinte regra para estilizar o alocador de espaço de entrada para navegadores que o suportam:
#main input::-webkit-input-placeholder,
#main input:-moz-placeholder
{
color: #888;
font-style: italic;
}
O problema é que a regra não é aplicada. No entanto, se eu quebrar assim, em vez disso, funciona muito bem:
#main input::-webkit-input-placeholder
{
color: #888;
font-style: italic;
}
#main input:-moz-placeholder
{
color: #888;
font-style: italic;
}
Por que não posso agrupar seletores específicos do navegador ou há outra maneira de fazer isso? Não parece certo repetir os mesmos atributos duas vezes para o mesmo elemento.
Atualizar:
Acabei de encontrareste recurso afirmando que isso não pode ser feito, mas até agora não há informações sobre o porquê. Parece estranho que o navegador tenha que descartar a regra inteira apenas porque não reconhece um dos seletores.