If you do:

div { color: green; @media (width > 0) { color: red; background: red; } background: green; } 

My understanding is that per spec the div color and background would be red.

That seems rather confusing. There are various alternatives here:

• We're ok with this.
• We forbid declarations after nested rules.
• We deal with bare declarations by somehow sorting them together, so that would be effectively something like:

div { color: green; @media (width > 0) { color: red; background: red; } & { background: green } } 

Maybe something else?

cc @fantasai