この質問の回答を参照してください。私はCSSルールを書きます：
::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder {
color: #999;
}
そのため、Firefox はその要素 (-moz-placeholder と -moz-placeholder) を認識できません。なんで？このすべての疑似要素を 1 つの CSS ルールで記述することは可能ですか?
短い答え：いいえ。この動作は W3C 仕様に準拠しています ( 4.1 を参照)。つまり、セレクター リストに無効なセレクターが 1 つ以上含まれている場合、セレクター リスト全体が無効と見なされるため、ブラウザー固有のセレクターをグループ化することはできません。
警告: この例では、すべてのセレクターが有効なセレクターであるため、同等性は真です。これらのセレクターの 1 つだけが無効な場合、セレクター リスト全体が無効になります。これにより、3 つの見出し要素すべてのルールが無効になりますが、前者の場合、3 つの個別の見出しルールのうち 1 つだけが無効になります。