html - 複数の属性の 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; }