css - 一类下的CSS分组元素

有没有一种方法可以通过引用一个类来对所有元素进行分组:

例如:

.formres select input[type="file"] input[type="email"] input[type="text"] input[type="password"] {
    width: 150px;
}


但是,这不起作用,我希望.formres类中的所有元素的宽度均为150。想知道这是否可行或是否必须编写单个值。

聚苯乙烯

我已经知道逗号的方式

.formres select, .formres input[type="file"], .formres input[type="email"], .formres input[type="text"], .formres input[type="password"] {
    width: 150px;
}


由其他运营商以其他方式做到这一点?一次又一次不需要类名。

最佳答案

您可以这样写:

.formres input[type="file"], .formres input[type="email"], .formres input[type="text"], .formres input[type="password"] {
    width: 150px;
}


加成:

如果您在DIV中只有一个或两个输入元素,并且该类的宽度不能达到150px,则可以使用类似

.formres input {
  width: 150px;
}
.formres input[type="xxxx"] {
  width: auto;
}


第一个将为所有元素提供150px的宽度,第二个将定义/覆盖未获得150px的元素,但默认为 auto