with ways example div content css terminology

ways - hide text css



¿Cómo lees importante en CSS? (5)

¿Cómo es importante la propiedad de atributos CSS?

¿Es really important , exclamation mark important , ...?

Respuesta: De las respuestas a continuación, parece que se lee simplemente important , o bien bang important .


una declaración "! important" (el token delimitador "!" y la palabra clave "important" siguen a la declaración) tiene prioridad sobre una declaración normal.

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

Básicamente, donde dos reglas de estilo son las mismas ... ¡le da mayor importancia a la marcada !important 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 lo ignora !important cuando tiene dos de la misma propiedad y una de ellas es importante: siempre aplicará la última declaración, ya sea que esté marcada como importante o no. ** Agregado del @BoltClock de @BoltClock continuación.

Advertencia !important es un martillo que solo debe usarse cuando sea absolutamente necesario. Casi siempre, es mejor utilizar selectores más específicos para lograr una mayor especificidad y aplicar sus estilos a la forma que desee. !important puede hacer muy difícil que los futuros desarrolladores encuentren y realicen cambios en su código.

Un buen caso de uso:! !important es excelente 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 (por ejemplo, haga que todos los fondos sean negros y el texto en amarillo). Sin tener que preocuparse por la especificidad, el usuario puede agregar estilos a ciertos elementos (como el body ) y hacer que los estilos se representen.


Me gusta considerarlo como "NO importante".

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

Lo que significa que todo lo demás de esa declaración en adelante NO es importante y no se debe tener en cuenta. La idea surgió del uso del "!" carácter como un booleano NO en muchos lenguajes de programación. De esta manera, lo importante tiene sentido al leerlo.



Supongo que he leído el! como "muy".

p { color: red !important }

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


body { color: red !important; } body { color: red !important; } significa, en inglés, "el color del texto del rojo es importante".

En términos de cómo CSS lo ve, aplica más "peso" a esa declaración, 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 en rojo (incluso si tienen una clase de blue ), ya que le hemos dado más importancia al primer selector.