Kieruj na wszystkie przeglądarki bez firefox. Najprostszy sposób - html, css, firefox, mobile, między przeglądarkami

Chcę pokazać inny kod dla przeglądarek Firefox i inny dla wszystkich innych przeglądarek. Są to przeglądarki IE, Chrome, Safari, Opera i urządzenia przenośne, w tym wszystkie wersje.

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

Bardzo ważne jest, aby oba nie wyświetlały się w tej samej przeglądarce.

Mogę z łatwością zrobić to, aby ukryć wersję nie będącą firefoxem.

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

Ale jaki jest najłatwiejszy sposób na ukrycie wersji firefox wyświetlanej w pozostałych przeglądarkach.

Odpowiedzi:

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

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