CSS для нескольких атрибутов?

Question

Я пытаюсь закрепить следующее:

input[type="text"] { 
    width: 300px; 
} 
input[type="password"] { 
    width: 300px; 
} 

В то вроде этого:

input[type="text"][type="password"] { 
    width: 300px; 
} 

Я попробовал это, type="text", "password", и несколько других вещей.

Answer 1

Вы можете использовать много селекторов, как вы хотите с commas,

input[type="text"],input[type="password"] { 
    width: 300px; 
} 

Answer 2

Или просто

input { width: 300px; } 

Затем применить любые другие стили с помощью селекторов типа

input[type="text"] { background: #ffd; } 
input[type="password"] { background: #fff; }