CSS: Sharing properties of classes (or easy DW way to add two classes)

From what I know of CSS, I dont know if there’s a way to combine properties of 2 or more classes into another single class without repeating those properties. Ex:

.foo {
	font-family: "Courier New", Courier, mono;
}
.bar{
	font-size: 10pt;
	
}
.foobar{
	inherit-class: foo;
	inherit-class: bar;
	background-color: #EEE;
}

where “inherit-class: foo;” and “inherit-class: bar;” would represent the inclusion of those properties in foo and those properties in bar. That obviously isnt correct syntax but is similar to what I would expect based on what I want to get. Is that possible? If so, how?

If not, thats fine. I can (fairly) easily add more than one class to a tag:

<p class="foo bar foobar">Text.</p>

However, I like using Dreamweaver’s little drop-down menu that shows style previews to add my styles to selections and whatnot :smirk: That little drop-down, however, only allows one style at a time. Actually, you can add more than one style to a selection using shift with that menu, but it doesn’t keep them in the same tag, it adds another tag to facilitate the new style which I would rather not have. Idealy, I would like my combined style. Otherwise I can settle for what I’m doing now and manually adding multiple styles by hand.

Just cur. :sen: