无法在CSS中使用逗号组合选择器

时间:2014-02-17 21:23:40

标签: html css

HTML5占位符总是略高于输入的中心,因此我尝试使用像::-webkit-input-placeholder这样的CSS来推动它们。出于某种原因,我无法组合选择器。这是一个小提琴演示:http://jsfiddle.net/n7VV7/

我不想将它们分开,因为我使用自动组合线条的CSS压缩工具。现在,我可以手动分开它们,但将来我会忘记我不能将这些线组合起来。

2 个答案:

答案 0 :(得分:8)

你不能使用逗号来组合供应商前缀的选择器,因为当浏览器遇到它不理解的选择器时,该行被“抛出”。这就是为什么必须打破任何选择器的供应商前缀,而不仅仅是::伪类。

以下是有关此问题的CSS-Tricks评论的链接。

答案 1 :(得分:1)

似乎无法将它们组合在一个选择器中,因为input-placeholder选择器仅单独使用,并且在标准中进行了描述。

有一个类似的问题:Why isn't it possible to combine vendor-specific pseudo-elements/classes into one rule set?