为什么我不能在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上发现了相关问题： Should I use single or double colon notation for pseudo-element css

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

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

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

但是如果你在单个陈述中将它们分开，它就不会跳过它所知道的那个。

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