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

Question

我想在我当前的CSS文件中只更改只有一个ID的Chrome的一个属性。有没有办法在这个CSS文件中做到这一点:

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

Answer 1

这是可能的

   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;
}