多个供应商的占位符样式不起作用

Question

我偶然发现了一个非常奇怪的错误。我定义了一个::-webkit-input-placeholder规则，用于为占位符着色。然后我将::-moz-placeholder添加到它，将它们组合成一个规则：

#textinput::-webkit-input-placeholder, #textinput::-moz-placeholder  {
    color: red;
}

与此同时，这些选择器中的每一个都依赖于它自己（仅限webkit或仅限moz），一起用逗号分隔，它们根本不起作用。 请参阅此jsfiddle中的示例，您可以在webkit和firefox中尝试这些示例。

Answer 1

当浏览器遇到无效选择器时，会忽略整个选择器列表。 webkit无法识别-moz，Firefox无法识别-webkit。这就是为什么它在两个浏览器中失败的原因

根据{{​​3}}，BTW看起来像IE7表现不同