Modo migliore per sovrascrivere regole CSS per cambiare layout?

[Luca_pluatrco]

Ciao,

utilizzo all'interno di un team Visual Studio per programmare un portale CMS. VS applica in ordine alfabetico i file .css presenti nella cartella App_Themes.

Ho creato il laoyut di base e ora se ne vuole fornire uno alternativo, con variazioni molto semplici, giusto per introdurre il concetto.

L'idea è quindi quella di creare un file Green.css (x esempio) che va applicato come ultimo (quindi z_Green.ccs x es.) e sovrascriva le precedenti regole.
Ora viene il bello: come deve essere realizzato questo file?

La mia idea sarebbe:

 
body{ font-family:  nuovo_font; font-color: nuovo colore;}

a { color: newValue}

Potreste consigliarmi un metodo migliore o questo può andare?
Grazie

[Gufo]

Originariamente inviato da Luca_pluatrco
Ciao,

utilizzo all'interno di un team Visual Studio per programmare un portale CMS. VS applica in ordine alfabetico i file .css presenti nella cartella App_Themes.

Ho creato il laoyut di base e ora se ne vuole fornire uno alternativo, con variazioni molto semplici, giusto per introdurre il concetto.

L'idea è quindi quella di creare un file Green.css (x esempio) che va applicato come ultimo (quindi z_Green.ccs x es.) e sovrascriva le precedenti regole.
Ora viene il bello: come deve essere realizzato questo file?

La mia idea sarebbe:

 
body{ font-family:  nuovo_font; font-color: nuovo colore;}

a { color: newValue}

Potreste consigliarmi un metodo migliore o questo può andare?
Grazie

Usare fogli di stile alternativi

[ricman]

Originariamente inviato da Luca_pluatrco
La mia idea sarebbe:

 
body{ font-family:  nuovo_font; font-color: nuovo colore;}

a { color: newValue}

Fai un css generico che fornisce tutte le regole. Poi, a seconda di cosa clicchi richiami un secondo css (che in ordine va caricato per secondo) in cui dentro sovrascrivi **solo** le proprietà da cambiare.
Cioè... se in quello generale scrivi:
a {font-size:0.8em; color:green;}

Nel secondo se vuoi cambiare il colore del link sovrascrivi solo quello
a {color:red;}