How do I detect the user’s browser and apply a specific CSS file? -
i need detect browser , apply matched css file. i have created 3 css files: __ie.css, ff.css, opera.css. need detect browser in order include one. i know <!--[if ie]> <link rel="stylesheet" href="css/ie.css" type="text/css"/> <![endif]--> but how do same firefox , opera/chrome? if have detect browsers apply css, might want rethink css before going browser-specific stylesheets. takes 1 browser mimic another's user agent string, or new version released, , breaks. use current standards , validate code ( http://validator.w3.org/ ), , you'll have worry far fewer cross-browser issues. using <!--[if ie]><![endif]--> without version number break layout in later versions. that being said, if want style page differently based on css features available, take @ modernizr . way, you're checking features, won't broken if new version of browser released. if else fails , need detect visitor...