Si deseamos crear condicionales CSS para que una porción del código únicamente sea leído por X navegador, utilizando el objeto Browser de Mootools, solo deberemos seguir estos pasos:

// Conseguimos la etiqueta HTML
var htmlTag = document.id(document.documentElement);
// El nombre de la clase se agrega al navegador
htmlTag.addClass(Browser.name);
// Se añade la clase de la versión y el nombre del navegador  ión
htmlTag.addClass(Browser.name + Browser.version);

Por ejemplo, si existe un usuario que ha visitado el sitio y usa Safari, la etiqueta HTML se vería así:

<html class="safari safari5">

Por lo que ahora se puede añadir CSS únicamente para cada navegador, por ejemplo:

.safari .p { color: #000; }

.firefox .p { color #333; }

Vía | EW