定位所有非Firefox浏览器。最简单的方法

Question

我想为firefox浏览器显示不同的代码，为所有其他浏览器显示另一个代码。这包括IE，Chrome，Safari，Opera和包括所有版本的移动浏览器。

<div class="firefox"> 
<p>This should be only shown in firefox browser versions.</p>
</div>

<div class="nonfirefox"> 
<p>This should be only shown in non-firefox browsers including mobile.</p>
</div>

非常重要的是两者都不会出现在同一个浏览器中。

我可以轻松地隐藏非firefox版本。

@-moz-document url-prefix () { 
.nonfirefox { 
    display:none;
    }
}

但是隐藏其他浏览器中显示的firefox版本的最简单方法是什么。

Answer 1

// Hide in Chrome, Safari, ...
.firefox {
    display:none;
    }

// Show in firefox
@-moz-document url-prefix() { 
.nonfirefox { 
    display:none;
    }
.firefox {
    display:block;
    }
}