Alternative style sheets based on browser

Question

Anyone out there know if its possible to have a javascript figure out what browser a page is being used in and load a stylesheet accordingly. Ideally I would like to have a different sytlesheet for each browser and css media queries only go so far right now.

Answer 1

If you are trying to hit IE versions only, Conditional comments works quite well!

http://www.quirksmode.org/css/condcom.html

If you want to target browsers for there abilities use Modernizr:

http://www.modernizr.com/

If none of the above you should look in to browser detection:

http://www.w3schools.com/js/js_browser.asp