Comment appliquer des éléments CSS propriété sur plusieurs ids ou classe

Question

je tente d'appliquer l'option propriété CSS : désactivé sur plusieurs ids mais son applique uniquement sur le dernier ID j'essaie à la fois façon

select#id1, #id2, #id3 , #id4,#id5 option:disabled{ 
    color: #333336; 
} 

select#id1, #id2, #id3 , #id4,#id5 > option:disabled{ 
    color: #333336; 
} 

mais pas appliquer sur tous les ids

Merci

Answer 1

Vos 4 premières règles sélectionnent uniquement les éléments aveC# l'ID1 id, # ID2 etc. Chaque partie séparées par une virgule dans le sélecteur est un sélecteur indépendant d'autres segments de sélecteur. Donc, vous ne pouvez pas utiliser le premier sélecteur comme base pour les sélecteurs suivants.

select#id1 option:disabled, 
#id2 option:disabled, 
#id3 option:disabled, 
#id4 option:disabled, 
#id5 option:disabled{ 

} 

En plaine css, je ne pense pas que vous pouvez éviter de spécifier option:disabled plusieurs fois (sauf en utilisant au lieu de id classe). Vous pouvez donner à vos éléments sélectionnés une classe commune, par ex. myselect, puis écrire une seule règle au lieu de cela, comme -

.myselect option:disabled{ 
}