为什么我不能在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!

但如果你把它们分成单个陈述,它就不会跳过它所知道的那个.

因此,根据经验:如果您有供应商前缀,请始终将它们分成单独的规则.