[Résolu]Probleme de priorité de style css sur input

bonjour !

contexte : je veux que tous mes input aient une taille prédéfinie à 300px sauf les inputDates car à coté de ceux-ci se trouve un bouton je veux donc qu'ils aient une taille inférieure afin de laisser place au bouton.

voici mon code css pour que tous mes inputs aient la bonne taille :

#formAjoutModifi input[type=text],#formAjoutModifi input[type=file],
#formAjoutModifi select
{
	width: 300px;
	border: #CCC 1px solid;
	
}

et voici mon code (qui ne marche pas pour la taille mais qui marche pour la couleur) :

input.inputDate
{
	width: 50px;
	background-color:red;
}

j'ai aussi essayé avec un id plutot qu'une classe même résultat et j'aimerais éviter de mettre sur tous mes input une class de type normale merci pour votre lecture .
Modifié par Su4p (15 Feb 2010 - 10:05)

Salut,

la réponse est dans ton titre : c'est une question de priorité des sélecteurs.

Tu pourrais donc augmenter la seconde en mettant :

#formAjoutModifi input.inputDate 
{ 
    width: 50px; 
    background-color:red; 
}

en effet merci simplement ça ne marche qu'avec l'id et pas avec la classe donc

#formAjoutModifi #inputDate  
{  
    width: 50px;  
    background-color:red;  
}