Q:

multiple IDs sharing 1 class CSS

I could do something like:
#id1 .class1, #id2 .class1{
   color:#FFF;
}

But that seem's bulky, especially if I have a ton of ID's I want to share with 1 class.
I'd much rather do something like:
#id1, #id2 .class1{
   color:#FFF;
}

Obviously this doesn't work, but you get my drift.
Thoughts?
EDIT:
Probably should have mentioned I am over-riding CSS framework before I got flamed. Think bootstrap or zurb foundation. That's why there is a need to do this instead of just using a class. I was just wondering if there was any other inheritance selectors I wasn't aware of in native CSS.

A:

You can use a language like LESS which compiles to CSS. Just one of it's many features is that the following LESS:
#id1, #id2 {

  .class1 {
      color: #fff;
  }

}

Compiles to:
#id1 .class1,
#id2 .class1 {
  color: #fff;
}

That compilation can be done server-side (lessphp or less.js) or client-side (less.js) depending on your preference/needs.

