Question

How could I more simply write

#test div, #test span{
    ....
}

is there something like?

#test [div span]{
    ....
}

(edit: or is it?

#test{
    div span{
        ....
    }
 }

nope it isn’t sorry)

Answer 1

You could use a CSS preprocessor (like LESS, SASS or other) and organize your css in a more structured way, something like

#test {
    div  { ... }
    span { ... }
}

and, if you’re not interested at all at Internet Explorer or Opera support, you could use :any() selector like so

#test :-moz-any(div, span),
#test :-webkit-any(div, span) {
   ...
}

See also https://developer.mozilla.org/en/CSS/%3A-moz-any

Another possibility is to apply a specific class to all the nested element you’re interested and target those elements via

#test .specificclass { ... }