Warum kann ich keine browserspezifischen CSS-Selektoren für verschiedene Browser gruppieren?

Ich habe gerade versucht, die folgende Regel zu schreiben, um den Eingabe-Platzhalter für Browser zu formatieren, die dies unterstützen:

#main input::-webkit-input-placeholder,
#main input:-moz-placeholder
{
    color: #888;
    font-style: italic;
}

Das Problem ist, dass die Regel nicht angewendet wird. Wenn ich es jedoch wie folgt aufbreche, funktioniert es einwandfrei:

#main input::-webkit-input-placeholder
{
    color: #888;
    font-style: italic;
}
#main input:-moz-placeholder
{
    color: #888;
    font-style: italic;
}

Warum kann ich browserspezifische Selektoren nicht gruppieren oder gibt es eine andere Möglichkeit? Es fühlt sich nicht richtig an, dieselben Attribute zweimal für dasselbe Element zu wiederholen.

Aktualisieren:

Gerade gefundendiese Ressource Feststellung, dass dies nicht möglich ist, aber bisher keine Informationen darüber, warum. Es scheint seltsam, dass der Browser die gesamte Regel verwerfen muss, nur weil er einen der Selektoren nicht erkennt.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage