Embedding multiple direct descendants in SASS

Question

Not sure if this is possible or not, but it distorted me for a while.

Is it possible to select several direct descendants within a nested block in SASS?

// This works div { > .one { /* ... */ } } // This doesn't work div { > .one, > .two { /* ... */ } } 

Answer 1

It works, you are doing something wrong. Moreover, you can see the compiled css here: http://sass-lang.com/try.html , in your case it provides:

 div > .one { /* ... */ } div > .one, div > .two { /* ... */ } 

So it works.