Нацеливайте все браузеры без браузера 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; 
    } 
}