You are a genius - why am I not doing this?
I really want to be able to do:
/*some more styles*/
The only issue that I can think with that is being able to distinguish between #id.class and #id .class which could have been cleared up with a double dot or something. It would have made CSS so much better.
It wasn't actually the structure of the CSS file that I was referring to but the use of the classes within the project - I always tend to use too many classes. Each unique element pretty much has its own class. I also tend to set something like float:left; on .setting div. As 60% of the divs float left but then have to add .no-float to all the other ones and it just ends up being messy.
I suck at logically using classes to maximise code reuse.