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