为不同的浏览器使用相同的CSS文件

Question

我想在当前的CSS文件中仅更改Chrome的一个ID的一个属性。有没有办法可以在CSS文件中执行此操作：

if(browser == "Chrome"){
   #content {width:80%;}
}

Answer 1

YEAH ITSSISLE

   function checkBrowser() {
        var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
        // Opera 8.0+ (UA detection to detect Blink/v8-powered Opera)
        var isFirefox = typeof InstallTrigger !== 'undefined';   // Firefox 1.0+
        var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
        // At least Safari 3+: "[object HTMLElementConstructor]"
        var isChrome = !!window.chrome && !isOpera;              // Chrome 1+
        var isIE = /*@cc_on!@*/false || !!document.documentMode;   // At least IE6


        if (isChrome == true) {

          // DO CHANGES HERE

        }

或者像这样......

body.chrome a img
{
  margin:0;
}

body.mozilla a img
{
  margin:5px;
}