Attribuer une classe différente pour un champ

Bonjour,

Je rencontre un petit problème...voici mon code:

	label.error {
		background: url('images/invalid-form.png') no-repeat;
		padding-left: 18px;
		margin-left: .3em;
		margin-top:2px;
		float:none;
	}
	label.valid {
		background: url('images/valid-form.png') no-repeat;
		float:none;
		padding-left: 18px;
		margin-top:2px;
		margin-left: .3em;		
	}
	input.case { float:left; margin-left:38%; }
	label.case { float:left; padding-left:5px; padding-top:3px; }	

J'ai un code javascript qui indique label.error ou label.valid en fonction de ce que l'utilisateur entre dans le champ du formulaire.

Ce que je voudrais c'est personnaliser label.valid pour label.case... Je ne sais pas si vous comprenez ?

J'ai essayé en faisant #agree label.valid mais ca ne semble pas fonctionner...

Comment faire?

Merci

Salut,

label.case.valid { 
    ...
}