How to combine multiple selectors for the same rule

Question

I can't combine these selectors into a single CSS rule. I'm trying to edit the width of certain form fields.

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

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

When I try to combine them, the rule does not apply to either. But they work when written separately, as above.

if one of the stated solutions solve your problem then make sure you accept that answer. — NickCoder, Jul 15 '19 at 12:53

NickCoder · Accepted Answer · 2019-07-15T11:58:47.890

To group CSS selectors in a style sheet, you use commas to separate multiple grouped selectors in the style. In this example, the style affects two classes input#input_9_2 and input#input_9_3.

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

The comma means "and", so this selector applies to all input#input_9_2 elements and input#input_9_3 elements. If the comma were missing, the selector would instead apply to all input#input_9_3 elements that are a child of an input#input_9_2. That is a different kind of selector, so the comma is important.

Any form of the selector can be grouped with any other selector.

score -1 · Answer 2 · answered Jul 15 '19 at 08:31

-1

use a selector list

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

answered Jul 15 '19 at 08:31

Yaelet

150
10

How to combine multiple selectors for the same rule

2 Answers2

Linked