CSS: Nhiều bộ chọn thuộc tính

Question

Tôi muốn tạo kiểu đầu vào dạng "email" và "mật khẩu", nhưng không phải bất kỳ thứ gì khác. Tôi đã tưởng tượng giống như sau:

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

Tuy nhiên, cách thuộc tính selectors làm việc, nó xuất hiện để giải thích điều này như là "đầu vào nơi mà các loại là đồng thời cả hai 'email' và 'mật khẩu'". Những gì tôi sẽ cho là "đầu vào, nơi loại chính xác là" email "hoặc 'mật khẩu'". Tất nhiên, không có gì là cả loại email và mật khẩu loại cùng một lúc.

Có thể viết quy tắc CSS hoặc trên nhiều bộ chọn thuộc tính khác nhau không?

Để tham khảo, HTML sẽ giống như thế:

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

Answer 1

Chỉ cần làm điều này:

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

Answer 2

sử dụng dấu phẩy:

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

w3 docs on group selectors here