Caricare css differenti a seconda del browser utilizzato: how?

[magnotta]

Hola!
Ho cercato un po' qui sul forum e in giro sui vari siti di riferimento, ma non ho ancora trovato qualcosa che risponda alle mie esigenze.
E cioè:
Vorrei trovare un modo (tramite javascript ad esempio) che mi permetta di caricare un CSS generale (che si carichi di "default"), mentre se l'utente usa browser specifici tipo Internet Exlorer ne carichi uno specifico e se invece usa Safari o Chrome ne carichi un altro ancora.
Pressapoco dovrebbe funzionare così:
- L'utente ha Firefox o qualunque altro tipo di browser (netscape, opera etc)
Si carica il css "generale.css"
- L'utente ha Internet Explorer
Si carica il css "ie.css"
- L'utente ha Chrome (o Safari)
Si carica il css "chorme.css"

C'è un modo per ottenere questa cosa?!
Thanks

[Mich_]

Evidentemnente non hai cercato bene, dato che la cosa e` stata gia` affrontata varie volte.

Comunque la cosa si fa in questo modo:
1. si carica sempre il CSS generale (ad esempio tramite un <link ... />)
2. si carica un CSS di correzione per IE (o vari CSS per le varie versioni di IE) tramite commenti condizionali:


dentro la prima quadra ci possono stare altre espressioni, tipo:




ecc.

[magnotta]

e fino a qui tutt'apposto....avevo già trovato questi hack per IE
Ma se un utente ha Chrome o Safari?!
Anche qui ci sono degli hack (tipo body:nth-of-type(1) che è visto solo da safari), ma come ho cercato di spiegare nel mio topic a me interesserebbe che si carichi QUELLO specifico CSS e basta, a seconda del browser che l'utente utilizza....e se non è tra quelli specifici, parta il css "generale"

[fcaldera]

Creare un css a sedconda del browser NON è buona progettazione: in linea generale si dovrebbe poter gestire tutti i browser con un unico (insieme di css) e al massimo un css solo per IE.

se restiamo in ambito di soluzioni in CSS l'unico modo sarebbe quello di usare hack a livello di regole, ad esempio

@media all and (min-width: 0px){
   // opera e safari
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    // solo safari
}

ma non è consigliabile perchè introduce troppa complessità nelle regole e a lungo andare diventa ingestibile. Inoltre non possono servire per caricare interi file css, quindi o usi javascript on un linguaggio lato server, ma non i CSS stessi.

Fai sapere quale delle due strade preferisci in modo da poter spostare il thread.