Succinct way of specifying two or more values for an attribute in css selector

Question

I have a CSS selector as follows:

#foo input[type=number].form-control, #foo input[type=text].form-control

Answer 1

No not in plain ol' CSS, but with a pre-processor like LESS or SASS you can nest attributes.

#foo {
    input.form-control {
        &[type=number],
        &[type=text] {
            /* your css styles here */
        }
    }
}

It's prehaps not 'succinct', in that the end result is longer than your desired outcome, but it is somewhat easier to read, and may cut down some repetition in your stylesheet.