是否可以为多个前缀选择器编写一条CSS规则？

Question

请参阅此问题的答案。我写CSS规则：

::-webkit-input-placeholder,:-moz-placeholder,::-moz-placeholder,:-ms-input-placeholder {
    color:    #999;
}

因此，firefox无法识别其元素（-moz-placeholder和-moz-placeholder）。为什么？是否可以将所有这些伪元素写入一个CSS规则？

Answer 1

简短的回答：不。此行为符合W3C规范（请参阅4.1）。也就是说，如果任何选择器列表包含一个或多个无效的选择器，则整个选择器列表都被视为无效，因此您无法将浏览器特定的选择器分组。

警告：由于所有选择器均为有效选择器，因此此示例中的等效项为true。如果这些选择器中只有一个无效，则整个选择器列表将无效。这将使所有三个标题元素的规则无效，而在前一种情况下，三个单独的标题规则中的仅一个将无效。