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; }