CSS：多个属性选择器

Question

我想对“email”和“password”类型的表单样式进行样式设置，而不是其他任何东西。我想象类似如下：

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 docs on group selectors here