I have 2 classes in CSS that have different names but all the same rules. To save bandwidth id like to know if i can make one equal the other, something like:

.reservationTable{
.sessionTable
}

(doesnt work)

Even better, can you make one the parent class of the other (so it contains all the same rules but can be extended)?

Copy & pasting big chunks of CSS seems like such a clumsy way of doing this.

Thanks for any feedback

.reservationTable, .sessionTable {
definitions
}

thanks chris, that does work. however with some of my longer rules i end up with code like this:

table .reservationTable, .reservationTable td, .reservationTable th, table .sessionTable, .sessionTable td, sessionTable th {
border: 1px solid rgb(133,180,12);
border-collapse: collapse;
}

Not too bad now but if i add more classes and rules it could get very long (for instance 1 more class and one more type of say, 'caption', would result in 6 more combinations). It would be nice if i could just say in css "Make reservationTable = sessionTable in all circumstances" with one line of code. But if you cant do it then thats that i guess.