¿Cómo se lee? ¿Importante en CSS?

¿Cómo se lee la propiedad del atributo CSS !important ?

¿Es really important , exclamation mark important , …?

Respuesta: A partir de las respuestas a continuación, parece que se lee simplemente important o bang important .

una statement “! importante” (el token del delimitador “!” y la palabra clave “importante” siguen a la statement) tiene prioridad sobre una statement normal.

http://www.w3.org/TR/CSS2/cascade.html#important-rules

Básicamente, cuando dos reglas de estilo son las mismas … da mayor importancia a la marcada como importante y aplicará esos estilos.

Ejemplo

 div{ opacity:0 !important; } div.jason{ opacity:1; } 

La primera regla se aplicaría aunque la segunda regla sea más específica (un elemento + una clase en lugar de un elemento)

Nota: IE6 ignora !important cuando tiene dos propiedades iguales y una de ellas es importante; siempre aplicará la última statement, independientemente de si se marcó como importante. ** Agregado del comentario de @BoltClock a continuación.

Advertencia !important es un martillo que solo debe usarse cuando sea absolutamente necesario. Casi siempre, es mejor usar selectores más específicos para lograr una mayor especificidad y tener sus estilos aplicados de la manera que desee. !important puede hacer que sea muy difícil para los futuros desarrolladores encontrar y realizar cambios en su código.

Un buen caso de uso:! !important es ideal para los estilos definidos por el usuario , donde un usuario desea manipular las páginas del sitio web de manera específica en su navegador (digamos que todos los fondos sean negros y el texto amarillo). Sin tener que preocuparse por la especificidad, el usuario puede agregar estilos a ciertos elementos (como body ) y hacer que los estilos se rendericen.

Solo “importante” o “importante”. El ! definitivamente no es una negación en este caso.


No es una etiqueta, es una palabra clave .

body { color: red !important; } body { color: red !important; } significa, en inglés, “El texto de color rojo es importante”.

En términos de cómo lo ve CSS, aplica más “peso” a esa statement, por lo que será (mucho) más probable que sea el estilo aplicado.

Para un ejemplo de esto, podemos usar

 p { color: red; } p.blue { color: blue; } 

Ahora, cualquier p con una clase de blue mostrará texto azul, todos los demás mostrarán texto rojo. Si lo cambiamos a esto …

 p { color: red !important; } p.blue { color: blue; } 

Todos mostrarán texto rojo (incluso si tienen una clase de blue ), como hemos dado más importante al primer selector.

¡Creo que leí el! como “muy”.

 p { color: red !important } 

Leí como “Los párrafos tienen el color rojo, que es muy importante.

Me gusta pensar que “NO es importante”.

 p { color: red !important; /* The rest is NOT important for this CSS property. */ } 

Lo que significa que todo lo demás de esa statement y en adelante NO es importante y no debe tenerse en cuenta. La idea vino del uso del “!” carácter como booleano NO en muchos lenguajes de progtwigción. De esta manera, lo importante tiene sentido a medida que lo lees.