Css 向目标多个选择器添加逗号会使属性停止工作

我为我的

输入
占位符设置了一个小小的CSS块，用于设置它们的
字体大小和
字母间距。但由于某些原因，在应该使用逗号的时候，对不同的选择器使用逗号是行不通的

这就是我想做的：

.lr__form-defaults > input[type="password"]::-webkit-input-placeholder, .lr__form-defaults > input[type="password"]::-moz-placeholder, .lr__form-defaults > input[type="password"]::-ms-input-placeholder{
    letter-spacing: initial;
    line-height: initial;
    font-size: 14px;
} 

这根本不起作用（在任何浏览器上）。但是，如果我这样做：

.lr__form-defaults > input[type="password"]::-webkit-input-placeholder{
    letter-spacing: initial;
    line-height: initial;
    font-size: 14px;
} 

它会很好用的

我事先已经使用逗号指向多个选择器，所以我不知道为什么这不起作用

感谢所有的帮助

谢谢。
供应商特定的样式必须单独编写

如果浏览器看到一条它无法识别的规则，它将忽略整个规则

你必须这样写：

.lr__form-defaults > input[type="password"]::-webkit-input-placeholder{
  letter-spacing: initial;
  line-height: initial;
  font-size: 14px;
} 

.lr__form-defaults > input[type="password"]::-moz-placeholder{
  letter-spacing: initial;
  line-height: initial;
  font-size: 14px;
}

等等

另一方面，属性可以按照相同的规则写入：

例如：

.myclass {
  background: linear-gradient(red, yellow);
  background: -webkit-linear-gradient(red, yellow);
  background: -moz-linear-gradient(red, yellow);
}

好吧，这有点令人不快：/谢谢：）