google-chrome-logo1

A veces queremos que unos navegadores tengan atributos diferentes cuando usemos CSS. Esto se puede realizar en Internet Explorer usando los comentarios condicionales, pero, ¿y en Google Chrome?

Con este hack (poco ortodoxo, ya que no valida los estándares) podemos diferenciar entre el navegador Google Chrome y Safari mediante CSS, pudiendo darles propiedades distintas a cada uno:

/* Google Chrome hack */
body:nth-of-type(1) .elementOrClassName {
     /* Propiedades para Google Chrome */
}

/* Safari hack */
body:first-of-type .elementOrClassName{
     /* Propiedades para Safari */
}

Una última cosa, donde se indican los comentarios “Propiedades para Safari o Chrome” deberemos incluir las propiedades que deseemos aplicar a cada navegador.