为不同的浏览器特定选择器应用css规则

Question

我想在多个浏览器中定位占位符，例如

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

但这不起作用

我是否必须为每个

单独执行此操作

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

html如下：

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

还是有另一种方式吗？

（对于noob问题抱歉）

谢谢！

Answer 1

用户代理需要忽略具有未知选择器的规则。

*包含无效选择器的一组选择器无效。

因此我们需要为每个浏览器单独制定规则。否则，所有浏览器都会忽略整个组。

检查此答案https://stackoverflow.com/a/2610741/5794995