Pourquoi n'est-il pas possible de combiner des pseudo-éléments/classes spécifiques à un fournisseur en un ensemble de règles?

dans CSS, Il est possible de styliser le texte placeholder à l'intérieur d'une entrée en utilisant une combinaison de pseudo-classes spécifiques au fournisseur et de pseudo-éléments (pour obtenir la meilleure couverture croisée des navigateurs).

ceux-ci partagent tous les mêmes propriétés de base (c'est-à-dire: le style du texte et les déclarations de couleur).

cependant, alors que je veux inévitablement appliquer les mêmes styles indépendamment du fournisseur de navigateur, il ne semble pas être possible de les combiner ensemble dans un sélecteur séparé par des virgules (comme vous le feriez avec n'importe quel autre morceau de CSS où vous voulez que deux sélecteurs partagent les mêmes styles).

à titre d'exemple, j'ai tendance à cibler le style placeholder en utilisant les quatre sélecteurs suivants:

• input:-moz-placeholder
• input::-moz-placeholder
• input:-ms-input-placeholder
• input::-webkit-input-placeholder

(bien que :-moz-placeholder est déprécié en faveur de ::-moz-placeholder cela s'est produit seulement avec la libération de FireFox 19, donc à l'heure actuelle les deux sont nécessaires pour un meilleur navigateur-Soutien).

ce qui est frustrant est que déclarer et donner chaque style (le même) mène à beaucoup de répétition au sein de la CSS.

donc, pour s'assurer que le texte du conteneur est aligné à droite et en italique, je finirais par:

input:-moz-placeholder{
    font-style: italic;
    text-align: right;
}
input::-moz-placeholder{
    font-style: italic;
    text-align: right;
}
input:-ms-input-placeholder{
    font-style: italic;
    text-align: right;
}
input::-webkit-input-placeholder{
    font-style: italic;
    text-align: right;
}

Ce Que Je je veux vraiment les combiner comme un seul ensemble de règles séparées par des virgules comme ceci:

input:-moz-placeholder,
input::-moz-placeholder,
input:-ms-input-placeholder,
input::-webkit-input-placeholder{
    font-style: italic;
    text-align: right;
}

cependant, malgré quelques tentatives, cela ne semble jamais fonctionner. Cela m'inquiète qu'il y ait une partie fondamentale de CSS que je ne comprends pas.

Quelqu'un peut-il nous expliquer pourquoi cela se produit?