Subclasses within a table

I have a table that has a class ("usersTable") and then I want to be able to give various cells within that table various classes (eg "options").

So I have my usersTable nicely defined but I'm struggling with "subclasses" - I would have thought this would work....

table.usersTable {
	background-color:#e5e5e5;
}
.options .usersTable   {
	border-left: 1px solid black;
}

Code (markup):

and then simply

<table class="usersTable">
	<tr>
		<td>x</td>
		<td class="options">this cell SHOULD have a left border</td>
	</tr>
</table>

Code (markup):

but this doesn't work. However:

table.usersTable {
	background-color:#e5e5e5;
}
.options   {
	border-left: 1px solid black;
}

Code (markup):

does.

How do I make it so that "options" has to be a subclass of usersTable?

Thanks,
Ed Ludlow

 

v.1 calls for .userTable when it's descended from the .option td. Do it this way:

table.usersTable .options {
  border-left: 1px solid black;
  }

Code (markup):

cheers,

gary

 

Many thanks. Will try this tomorrow when back at my desk.

 

This is all working, thank you