¿Qué significa! Importante significa en CSS?

! Fuerzas importantes un cambio en la cascada Una de las mejores maneras de aprender a codificar sitios web es mirar los códigos fuente de otros sitios. Esta práctica es cómo muchos profesionales de la web aprendieron su oficio, especialmente en los días previos a que hubiera tantas opciones para cursos de diseño web, libros y sitios de capacitación en línea.

! Fuerzas importantes un cambio en la cascada

Una de las mejores maneras de aprender a codificar sitios web es mirar los códigos fuente de otros sitios. Esta práctica es cómo muchos profesionales de la web aprendieron su oficio, especialmente en los días previos a que hubiera tantas opciones para cursos de diseño web, libros y sitios de capacitación en línea.

Si prueba esta práctica y mira las hojas de estilo en cascada de un sitio, una cosa que puede ver en ese código es una línea que dice ! Important . Este término cambia la prioridad del procesamiento dentro de la hoja de estilo.

La cascada de CSS

Las hojas de estilo en cascada hacen cascada , lo que significa que se colocan en un orden particular. En general, los estilos se aplican en el orden en que los lee el navegador. Se aplica el primer estilo y luego el segundo, y así sucesivamente.

Como resultado, si aparece un estilo en la parte superior de una hoja de estilo y luego se cambia más abajo en el documento, la segunda instancia de ese estilo es la que se aplica en instancias posteriores, no la primera. Básicamente, si dos estilos dicen lo mismo (lo que significa que tienen el mismo nivel de especificidad), se utilizará el último que se enumera.

Por ejemplo, imaginemos que los siguientes estilos estaban contenidos en una hoja de estilos. El texto del párrafo se representará en negro, aunque la primera propiedad de estilo aplicada sea roja. Esto se debe a que el valor «negro» aparece en segundo lugar. Como CSS se lee de arriba a abajo, el estilo final es «negro» y, por lo tanto, ese gana.

  p {color: rojo; } 
p {color: negro; }

¡Cómo! Cambios importantes de la prioridad

La directiva ! Important afecta la forma en que las cascadas de CSS siguen las reglas que consideras más cruciales y deben aplicarse. Una regla que tiene esta directiva siempre se aplica sin importar dónde aparezca esa regla en el documento CSS.

Para que el texto del párrafo siempre sea rojo, del ejemplo anterior, cambie el estilo de la siguiente manera:

  p {color: rojo! importante; } 
p {color: negro; }

Ahora todo el texto aparecerá en rojo, aunque el valor «negro» aparezca en segundo lugar. La directiva! Importante anula las reglas normales de la cascada y le da a ese estilo una especificidad muy alta.

Si realmente necesitara que los párrafos parecieran rojos, este estilo lo haría, pero eso no significa que sea una buena práctica.

Cuando usar! Importante

La directiva! Important es útil cuando está probando y depurando un sitio web. Si no está seguro de por qué no se aplica un estilo y cree que puede ser un conflicto de especificidad, agregue la declaración! Importante a su estilo para ver si eso lo soluciona, y si lo hace, cambie el orden de los selectores y elimine el ! directivas importantes de su código de producción.

Si se apoya demasiado en la importante declaración para lograr los estilos deseados, eventualmente tendrá una hoja de estilo llena de estilos importantes. Cambiará fundamentalmente la forma en que se procesa el CSS de la página. Es una práctica perezosa que no es buena desde el punto de vista de la gestión a largo plazo.

Use! Important para pruebas o, en algunos casos, cuando absolutamente debe anular un estilo en línea que es parte de un marco de tema o plantilla. Incluso en esos casos, use este enfoque con moderación y en su lugar escriba hojas de estilo limpias que honren la cascada.

Hojas de estilo de usuario

Esta directiva también se implementó para ayudar a los usuarios de páginas web a hacer frente a las hojas de estilo que dificultan el uso o la lectura de las páginas.

Cuando alguien define una hoja de estilo para ver páginas web, la hoja de estilo del autor de la página anula esa hoja de estilo. Si el usuario marca un estilo como! Importante, ese estilo anula la hoja de estilo del autor de la página web, incluso si el autor marca una regla como! Importante.

Esta jerarquía es útil para los usuarios que necesitan establecer estilos de una manera determinada. Por ejemplo, un lector con discapacidad visual puede necesitar aumentar los tamaños de fuente predeterminados en todas las páginas web que utiliza. Al utilizar su directiva importante con moderación dentro de las páginas que crea, se adapta a las necesidades únicas de sus lectores.

Rate article
labsfabs.com
Add a comment