Как использовать «или» в селекторе атрибутов?

Question

[Посторонним В.]

Нужен селектор, который будет указывать на поля ввода со значениями атрибута type "text", "email", "password". Есть простой вариант:

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

...

}

Но это слишком громоздко. Можно использовать что-то типа input[type = <или text или email или password>] ?

Answer 1

[fr33zy]

Боюсь, что никак :)

Можно всем этим элементам задать общий CSS-класс и использовать его.

Answer 2

[Михаил Горячкин]

Можно от противного написать:

input:not([type="submit"]) {
    display: block;
}

Будет применяться ко всем кроме input с типом submit.

Comments

[Посторонним В.]

Хорошая идея, но в моём случае значений, для которых надо и не надо применять стиль, примерно одинаковое количество.

[Михаил Горячкин]

Тогда единый класс для стилизуемых элементов ваш выбор) Или используйте препроцессоры.

[Михаил Горячкин]

Еще покороче можно так:
input[type="text"],[type="email"] {
background-color: #000;
}

[Посторонним В.]

Михаил Горячкин: а разве так оно не будет подхватывать абсолютно все элементы с type="email"?

[Михаил Горячкин]

Да конечно, просто type аттрибут специфический используется в основном в полях форм, так что можно и ко всем применить. Ну это все зависит от построения страницы.