CSS: Selektory wielu atrybutów

Question

Chciałbym nadać formę wejściom typu "e-mail" i "hasło", ale nic poza tym. Wyobrażałem sobie coś jak następuje:

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

Jednak sposób atrybutów selektorów pracy, wydaje się to zinterpretować jako „wejście gdzie typ jest równocześnie«email»i«password»”. Chodzi mi o "input gdzie typem jest dokładnie" email "lub" hasło ". Oczywiście nic nie jest jednocześnie typem wiadomości e-mail i hasłem do typu.

Czy można napisać regułę CSS: lub w wielu różnych selektorach atrybutów?

Dla porównania, HTML będzie wyglądać następująco:

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

Answer 1

Wystarczy to zrobić:

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

Answer 2

użyć przecinka:

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

w3 docs on group selectors here