En algunos casos vamos a necesitar ajustar propiedades de las reglas de las hojas de estilos para diferentes navegadores ya que no serán interpretadas de igual forma.
En este ejemplo vamos a ver cómo especificar una regla css para Firefox (en todas sus versiones). Supongamos que queremos aplicar un margen a un elemento diferente para Firefox y el resto de navegadores.
Para ello, usaremos una regla genérica con la siguiente implementación:
#capa_ejemplo
{
margin-left:20px;
}
/*Regla específica para Firefox*/
@-moz-document url-prefix()
{
#capa_ejemplo
{
Margin-left: 30px;
}
}
De esta forma, en Firefox se aplicará un margen por la izquierda de 30px y en el resto de navegadores el margen aplicado será de 20px.
Este tipo de reglas es muy práctico cuando necesitamos garantizar que una web tenga un aspecto idéntico en diferentes navegadores.
