CSS: несколько селекторов атрибутов

Question

Я хотел бы стилизовать ввод данных типа «электронная почта» и «пароль», но не что-нибудь еще. Я представлял себе что-то вроде следующего:

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

Однако, как работают селекторы атрибутов, кажется, что это интерпретируется как «ввод, где типом одновременно являются« email » и « пароль ». То, что я собираюсь сделать, это «ввод, где типом является либо« email », либо « пароль »». Конечно, ничто не может одновременно относиться как к типу электронной почты, так и к типу пароля.

Можно ли написать правило 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 документы по групповым селекторам здесь