El gran !importante; nubes

Todavía no lo entiendo, ¿de qué color será el párrafo "test1" y por qué?

<style>
  p {
    color: red; 
    font-style: italic;
  }
</style>

<div style="color: green;!important">
  <p style="color: blue;">test1</p>
  <p>test2</p>
</div>

preguntado el 12 de junio de 12 a las 19:06

3 Respuestas

La importancia no cae en cascada.

Incluso si un elemento principal (el <div>) tiene un !important propiedad (tenga en cuenta que en realidad no lo hace, debido a un error de sintaxis), aún será anulada por cualquier propiedad aplicada al elemento secundario.

!important sólo puede anular otras reglas que se aplican a la mismo elemento.

Por lo tanto, la primera <p> será azul, ya que no hay nada que anule su estilo en línea.

Respondido el 12 de junio de 12 a las 19:06

Gracias, no sabía que lo importante no es la cascada. - user1337432

¿De qué color será el párrafo "test1" y por qué?

Azul. Incluso con su error tipográfico, todavía sería azul. El color: green !important estilo sólo se aplica al texto dentro de la div. Por lo tanto, la en línea estilo de color: blue; es el más soluciones.

Ver las diferencias en este violín.

Te animo a aprender sobre cómo funciona la especificidad de CSS.

Respondido el 12 de junio de 12 a las 19:06

Será azul, porque tiene un atributo de estilo que lo hace azul. El div dice verde, pero tienes el !important bandera después del punto y coma. Pero incluso si tuviera un espacio en lugar de un punto y coma, el atributo de estilo lo anularía. será azul

Respondido el 12 de junio de 12 a las 19:06

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.