CSS：多个属性选择器

Question

我想样式输入“电子邮件”和“密码”类型的输入，但不是其他任何东西。 我想象的是以下内容：

input[type="email"][type="password"] {
    ....
}

但是，属性选择器的工作方式，它似乎将其解释为“输入，其中类型同时是'电子邮件' 和 '密码'”。 我想要的是“输入类型正好是'电子邮件' 或 '密码'”。 当然，同时没有任何类型的电子邮件和密码类型。

是否可以编写一个或多个不同属性选择器的CSS规则？

作为参考，HTML看起来像：

<form id="login" onsubmit="return fadeaway()">
    <fieldset>
    <input type="email" placeholder="username"/> <br />
    <input type="password" placeholder="password"/> <br />
    </fieldset>
</form>

Answer 1

这样做：

input[type="email"], input[type="password"]

Answer 2

使用逗号：

input[type="email"],input[type="password"] {
    ....
}

这里有关于群体选择器的w3文档