原文来自 CSS Browser Selector，其实是扯淡，还是js判断userAgent，只不过不想以前那样location或者 refresh 到另一个页面而是通过改变 className(html.ie) 来区分不同的样式，有点启发。

CSS部分

javascript 部分

function css_browser_selector() {

var ua = navigator.userAgent.toLowerCase();

var h = document.getElementsByTagName(’html’)[0];

if(ua.indexOf(’msie’) != -1 && !(ua.indexOf(’opera’) != -1) && (ua.indexOf(’webtv’) == -1) ) h.className=’ie’;

else if(ua.indexOf(’gecko/’) != -1) h.className=’gecko’;

else if(ua.indexOf(’opera’) != -1) h.className=’opera’;

else if(ua.indexOf(’konqueror’) != -1) h.className=’konqueror’;

else if(ua.indexOf(’applewebkit/’) != - 1) h.className=’safari’;

}

css_browser_selector();