Application des règles CSS pour différents sélecteurs spécifiques de navigateur

Question

que je veux cibler l'espace réservé sur plusieurs navigateurs comme celui-ci

.editor textarea::-webkit-input-placeholder, 
.editor textarea:-moz-placeholder, 
.editor textarea::-moz-placeholder, 
.editor textarea:-ms-input-placeholder 
{ 
    color: red; 
} 

mais cela ne fonctionne pas

Dois-je le faire séparément pour chaque

.editor textarea:-ms-input-placeholder 
{ 
    color: red; 
} 

Le html est la suivante:

<div class="editor"> 
<textarea placeholder="This will be the heading sentence..."></textarea> 
</div> 

ou existe-t-il un autre moyen?

(désolé pour la question noob)

Merci!

Answer 1

Les agents d'utilisateur doivent ignorer une règle avec un sélecteur inconnu.

* un groupe de sélecteurs contenant un sélecteur non valide n'est pas valide. Nous avons donc besoin de règles distinctes pour chaque navigateur. Sinon, tout le groupe serait ignoré par tous les navigateurs.

Cocher cette réponse https://stackoverflow.com/a/2610741/5794995