Une sorte d'héritage ?

bonjour,
Je trouve pas l'info sur mon besoin ;J'ai un style que j'applique à mes <input>.

#contact input {
	width: 400px;
	height: 25px;
	line-height:25px;
	padding: 0 10px;
	border: 1px solid #C3C9CF;
	background: #fff;
	
	behavior: url(css/PIE.htc); /* IE8 */
}

Mais j'ai un champ où la largeur ne doit pas être fixée à 400 pixels. Dois-je dupliquer ce style et changer le width (méthode lourde à mon goût) ou y-a-t-il une astuce qui permettrait de dire que c'est le même style standard mise à part la largeur ?
merci
christophe

Hello.

Tu peux te contenter de rajouter une classe sur ton input :

#contact input {width: 400px;}
#contact .machin {width: XXXpx;}

Si tu peux faire l'impasse sur IE6 et qu'un seul de tes champs est concerné, tu peux aussi utiliser un sélecteur d'attribut en le ciblant via son attribut name :

#contact input[name=RAYMOND]{width: XXXpx}

Modifié par Florian_R (05 Dec 2011 - 17:39)

Ah génial ça merci ! :

input[name=TOTO]{width: XXXpx}

Et oui, IE6, moi j'oublie ! faut pas déconner

Attention à bien préciser le #contact, sinon la spécificité de la règle précédente sera plus forte, et ce sera elle qui sera prise en compte.

ah oui bien sur, j'ai mal coller mais c'est gentil de préciser