!important en css

[GuNiTa]

Que utilidad y significado tiene !important dentro de una etiqueta en css?

Gracias

[maycolalvarez]

con una simple búsqueda resuelves tus dudas ¿no te parece?: http://www.tufuncion.com/important

[GuNiTa]

jeje, lo he estado buscando creeme, pero no lo encontraba

Gracias!

[Kurozaki]

es un hack para IE, no recuerdo la version.

[ArturoGallegos]

Iniciado por Kurozaki

es un hack para IE, no recuerdo la version.

hack? IE? de donde has sacado semejante barbaridad... por el contrario IE tiene un fallo en IE6 y anteriores que no reconocen dicha etiqueta

[RadamantiusS]

!important : Se usa para sobreponerse en los estilos por defectos de los usuarios que tengan en cierto navegador.

Ejemplo:

p {font-size:14px !important}

Si el usuario ha definido en su navegador un tamaño de 15px, entonces esta regla se impone sobre la del navegador, sin embargo si el usuario ha definido la etiqueta !important en su navegador pues esta gana sobre tu regla.

[Kurozaki]

Iniciado por RadamantiusS

!important : Se usa para sobreponerse en los estilos por defectos de los usuarios que tengan en cierto navegador.

Ejemplo:

p {font-size:14px !important}

Si el usuario ha definido en su navegador un tamaño de 15px, entonces esta regla se impone sobre la del navegador, sin embargo si el usuario ha definido la etiqueta !important en su navegador pues esta gana sobre tu regla.

Bueno es exactamente como dice este compañero, pero solo funciona para IE, o al menos eso es lo que he leido.

[ArturoGallegos]

Iniciado por RadamantiusS

!important : Se usa para sobreponerse en los estilos por defectos de los usuarios que tengan en cierto navegador.

Ejemplo:

p {font-size:14px !important}

Si el usuario ha definido en su navegador un tamaño de 15px, entonces esta regla se impone sobre la del navegador, sin embargo si el usuario ha definido la etiqueta !important en su navegador pues esta gana sobre tu regla.

valgame dios... que usuario se toma la molestia en definir tamaños en su navegador? aunque es posible que lo hagan muy pocos se toman esa molestia, el uso de esta etiqueta es mas comun para dar importancia entre varias hojas de estilo, como en los casos que defines una hoja de estilos general para todo el sitio y en alguna pagina necesitas que cambie algo le agregas la etiqueta !important

como por ejemplo:

Código CSS:

body{
font-size:13px !important;
font-size:15px;
}
 

normalmente la ultima regla tendria prioridad [ 15px ] pero dado que la primera tiene la etiqueta !important tiene mayor peso y es la que tiene prioridad

Iniciado por Kurozaki

Bueno es exactamente como dice este compañero, pero solo funciona para IE, o al menos eso es lo que he leido.

Compañero esta funciona en la mayoria de los exploradores, y como le comente antes esta no es ningun hack para IE por el contrario las versiones viejas de IE no la reconocen he ignoran.

[PrendekZ]

Iniciado por Kurozaki

es un hack para IE, no recuerdo la version.

Perdón por desviarme del tema, pero veo que haz venido aquí a criticar y a la hora de pedir ayuda se te da solución y nunca das las gracias por lo menos, también eh visto aparte de que das mal la información estás haciendo copy&past a otros post que ya están dando la solución al usuario que esta pidiendo ayuda.

---------------------------------

Volviendo al tema:

!important es una función de CSS utilizada únicamente para darle un estilo estricto a un elemento en especial, en breves palabras y un ejemplo más común para todos:

El Ejemplo más breve que puedo dar:

Tienes un reset.css que este archivo descargado resetea todos los estilos de los elementos de CSS, de está forma se estan aplicando funciones para un body, div, ul, li, y todas las etiquetas html.

en el reset.css te podría colocar el body así:

body{margin:0; padding:0;}

¿Verdad? De esta forma esta reseteando los valores default del body en este caso en su web usted quiere tener un margin de 15px top y bottom.

y en su archivo: style.css o como lo quiera llamar creas:

body{margin:15px 0;}

Habría un conflicto porque estas llamando 2 veces al body y con diferentes funciones, el !important se lo aplicas a funciones que no hacen cambios porque esta función ya ha sido llamada.

-------------------------------------------------

Otro caso particular que pasa mucho:

Cuando tienes un Foro, portal o en breves un CMS y descargas una extensión la mayoría de extensiones tienen ya su Estilo o diseño por default, aunque las puedes modificar, sin ir a su css usted con Firebug podría fácilmente saber la ruta o a que elemento aplicar el CSS ¿Verdad?, muy bueno.. entonces es decir:

La extesión queda por defecto con su .css sin usted modificar nada. Y aparte tienes su style.css de sus funciones hechas por usted, y empiezas a introducir las funciones que quiere modificar de la extensión, plugin, mod ó demás, si no hay cambios es por que estas llamando una función que seguramente en el archivo .css de la extensión esta siendo utilizada, es decir, hay 2 funciones iguales que estan siendo ejecutadas y esta ejecutando una en vez de otra, en este caso su funciones CSS no están siendo ejecutadas como usted quiere, para esto se aplica !important.

en el caso anterior del Reset:

body{margin:15px 0 !important;}

y ahí le estoy diciendo que el margin, este es un valor importante, así que ya no ejecutara el margin del body del reset, si no el body > margin que le estoy aplicando a nuestro estilo.

Si queda dudas, por favor digalo!

Saludos!

[GuNiTa]

Me quedó muy claro, gracias, muchas gracias

Un saludo enorme!