Estoy dividiendo una de mis aplicaciones más grandes e introduciendo una url 'cdn' para alojar objetos comunes como CSS, javascript e imágenes para evitar la duplicación. Sin embargo, lo que tengo que hacer es tener URL separadas para nuestros entornos de desarrollo, por lo que es posible que tenga:

http://cdn-dev.example.com
http://cdn-qua.example.com
http://cdn.example.com

dependiendo del entorno en el que trabajemos. Puedo hacer que esto funcione para las cosas generadas por nuestro código PHP, pero no sé qué archivos .css y .js se llamarán. Por ejemplo, ¿cómo hago algo como:

.cool-button { background-image: url('http://cdn.example.com/images/button.png'); }

cambiar entre los diferentes dominios?

¿Cuál es la mejor manera de lidiar con eso?

[EDITAR

Solo para que todos estén claros, la dirección CDN es un dominio diferente al del sitio. Entonces, el sitio de desarrollo podría serhttp: //www-dev.domain.co que usaríahttp: //cdn-dev.domain.co