多个属性的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; }