How to apply previous substyle into other style?

Question

How can add input properties to select also? Something wrong with this syntax.

.nestedContainerForContactForm {
    div {
        input {
            width: 100%;
        }
        &select {
            outline: none;
            -webkit-appearance: menulist-button;
        }
    }
}

Do you mean you want both input and select elements to have width: 100%? Same way you normally express "or" in CSS: https://stackoverflow.com/q/2797091/3001761. — jonrsharpe, Apr 22 '22 at 14:42

score 0 · Accepted Answer · answered Apr 22 '22 at 14:46

0

The most efficient way to write it would be like this:

.nestedContainerForContactForm {
  div {
    input,
    select {
      width: 100%;
    }
    select {
      outline: none;
      -webkit-appearance: menulist-button;
    }
  }
}

answered Apr 22 '22 at 14:46

Sean

6,038
2
19
42

How to apply previous substyle into other style?

1 Answers1