La Declaración !important en CSS, parte 2

Las hojas de estilo en cascada (CSS por su nombre en inglés, Cascading Style Sheets ) deben su denominación a la forma en que actúan sobre los atributos de una página web. Los archivos CSS contienen un lenguaje que modifica la apariencia y el formato de los elementos descritos en la definición del sitio. Vale decir que alteran el aspecto de los objetos definidos en archivos HTML, XHTML y otros utilizados para similares efectos. Pero esta influencia sobre el aspecto de texto, los elementos gráficos y otros, tiene un orden.  “En cascada” significa que si una declaración CSS modifica a una anterior, la válida es la última que el navegador encuentre. Sin embargo, en ciertas ocasiones es necesario establecer excepciones. Para esto es útil la declaración !important.

Conceptos Adicionales sobre Autor y Usuario

El autor de la página (el diseñador web), establece los estilos que corresponden al sitio. Estos estilos tienen prioridad sobre los definidos por el usuario. El usuario puede determinar estilos dentro del navegador. Cada navegador utiliza un archivo específico para alojar el CSS del usuario (que tiene prioridad sobre los estilos por defecto del navegador). En el caso de Firefox, por ejemplo, el archivo es userContent.css. Aunque el usuario utilice esta posibilidad, al cargar una página, el CSS de la misma (el estilo del diseñador) toma la prioridad absoluta. Sin embargo, si el usuario utiliza la cláusula !important, produce un cambio de prioridad que favorece su declaración.

Un ejemplo:

Supongamos que el usuario carga una página, pero previamente define el siguiente estilo dentro del archivo del navegador:

body{font-size: 12pt !important;             font-family: "Times New Roman", Georgia, Serif; }

En este caso, aun cuando el autor de la página haya definido otra cosa, el cuerpo de su sitio web llevará un tipo de letra de 12 puntos.

Cuándo y Cómo Utilizar !important

Lo ideal es simplificar la utilización del código CSS, que de por sí puede llegar a ser bastante complejo cuando se utilizan plantillas web o declaraciones generales que luego se superponen con otras más particulares. Por lo tanto, la declaración !important, que en principio sirve para modificar la secuencia natural de los estilos en cascada, debe utilizarse con precaución y sólo cuando es estrictamente necesario. En la práctica, es posible (y recomendable) programar una página web sin el uso de esta especial declaración. No obstante, existen situaciones en las cuales se desea preservar el tamaño de la letra establecida para los artículos en general, por ejemplo, o un color de fondo que asegure el contraste de tales artículos. En estos casos se utiliza !important para evitar que nuevas definiciones operen sobre los elementos de texto o gráficos que deseamos con unas características fijas.

Autor: Verónica Milán, directora de lawebera.es, un portal dedicado al diseño web y maquetación, dirigido al diseñador web y creativo.