CSS fieldset attributes

[Alex.]

In my site, I have the CSS:

fieldset{

	border: 1px solid #FFFFFF;
	width: 10em;	 
	padding: 2px 6px;
}

legend{
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #FFFFFF;
	padding: 2px 6px;
}

I want to edit this to allow multiple, different class's of fieldset, but when I tried it:

fieldset.leftcolumn{

	border: 1px solid #FFFFFF;
	width: 10em;	 
	padding: 2px 6px;
}

legend.leftColumn{
	color: #FFFFFF;
	background: #000000;
	border: 1px solid #FFFFFF;
	padding: 2px 6px;
}

The result came up exactly as before....
What am I doing wrong??

EDIT: I had also changed the fieldset tag to the 'class' and it doesn't work

 

[Jim_]

Is there a reason you have a lowercase 'c' in the class name of fieldset and an uppercase one for legend?

Also, it might help to see an example of the HTML code you'll be applying the stylesheet to.

 

[Alex.]

Is there a reason you have a lowercase 'c' in the class name of fieldset and an uppercase one for legend?

Also, it might help to see an example of the HTML code you'll be applying the stylesheet to.

O.o I totally missed that, thanks for pointing it out.

 

[Jim_]

Okay. Make sure that your classes come after your defaults.

fieldset { }
legend { }
fieldset.class { }
legend.class { }​

not

fieldset.class { }
legend.class { }
fieldset { }
legend { }​