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

Question

我只想更改当前 CSS 文件中 Chrome 的一个 ID 的一个属性。有没有一种方法可以在该 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;
}