为什么我不能在LESS中做多个占位符选择器

Question

只想添加css前缀::-moz-placeholder和::-webkit-input-placeholder

所以我将在LESS:中执行多重选择器

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

它不起作用？为什么？

演示：http://jsfiddle.net/pfg3Q/

---

但它在我正常工作时喜欢：

::-moz-placeholder {
 color:red;
}
::-webkit-input-placeholder {
 color:red;
}

演示：http://jsfiddle.net/pfg3Q/1/

---

我做错了什么？想知道这是不是更少？

引用：前缀来自http://davidwalsh.name/html5-placeholder-css

Answer 1

有人已经在SO上发现了相关问题：我应该为伪元素css 使用单冒号还是双冒号表示法

基本上，如果浏览器无法识别逗号分隔列表中的任何选择器，它将跳过整个规则并继续下一个规则。

// Chrome
::-moz-placeholder // <-- I don't know this one, skipping!
// Firefox
::-moz-placeholder, ::webkit-input-placeholder // <-- I don't know this one, skipping!

但如果你把它们单独放在一个语句中，它就不会跳过它知道的那个语句。

因此，根据经验：如果您有供应商前缀，请始终将它们拆分为单独的规则。