如何为同一规则组合多个选择器

Question

我无法将这些选择器组合到一个CSS规则中。我正在尝试编辑某些表单字段的宽度。

input#input_9_2 {
  max-width: 500px;
}

input#input_9_3 {
  max-width: 500px;
}

当我尝试将它们组合时，该规则不适用于任何一个。但是，如上所述，它们在单独编写时可以工作。

Answer 1

要在样式表中对CSS选择器进行分组，请use commas to separate multiple grouped selectors在样式中。在此示例中，样式影响两个类input#input_9_2和input#input_9_3。

input#input_9_2,
input#input_9_3
{
  max-width: 500px;
}

逗号表示“ 和”，因此此选择器适用于所有input#input_9_2元素和input#input_9_3元素。如果缺少逗号，则选择器将改为应用于input#input_9_3的子元素中的所有input#input_9_2元素。那是另一种选择器，因此逗号很重要。

任何形式的选择器都可以与任何其他选择器组合在一起。

Answer 2

使用selector list

input#input_9_2, input#input_9_3 {
  max-width: 500px;
}