title: grouping css styles for future use
body: <p>I am just wandering if there is any way in css file to created something like groups or objects of css styles that can be applied to particular class/element/id later.
  For example I want to have few different background styling (bg1, bg2, bg3) and border styling (brd1, ,brd2, brd3) and I want an element .class to have bg2 and bdr1 styles. I just dont want to duplicate css styles and trying to avoid giving too many classes to an element.
  Hope it make sense.
  Thanks   </p>