Estilo para Multiple Class simultáneas

[GROGUI2]

Hola,

a ver si me podeis ayudar.

Tengo elementos <li> con una clase diferente para cada uno (son las opciones de un menú).

Por ejemlo:

Código HTML:

<li class=copiar>...</li>
<li class=pegar>...</li> 

Cada li tiene una imagen diferente asociada, de fondo (que se visualiza como un iconito a la izquierda).

Algunos <li> pueden tener ademas la clase disabled, de manera que dicho icono se mostrará en escala de gris.

Mi pregunta es como indicar en CSS que una imagen se aplique solamente al li con clase copiar, y si tiene clases copiar y disabled, se muestre la imagen en escala de grises, asi con cada opción.

Gracias!

[kseso?]

Código CSS:

li.copiar {}
li.copiar.disable {}
 

Posíblemente haya otras formas de actuar más eficientes en su caso. Pero desconocemos un detalle muy importante ¿usa imágenes individuales o sprites, (uno o varios)?

[GROGUI2]

Hola,

ya lo habia hecho asi , es que hay veces que estas tan cansado que ya no se piensa bien...

Pues son individuales, hay alguna solucion mejor? La verdad es que tengo muchiiisimo código CSS así.

Gracias!

[kseso?]

pregunte a google (que es muy listo) por "sprite css"

[GROGUI2]

Creo que no me sirve eso, porque cada imagen es dinámica, y estará a ratos en gris y a ratos no. Gracias de todos modos