¡Cust!IMPORTANTE: ¿Qué es y cuándo usarlo?

¡Uno de los elementos más útiles y controvertidos de CSS es la propiedad! Importante. Cada diseñador se reunirá en algún momento la etiqueta en el código CSS. La verdadera pregunta y dilema que surge cuando esto sucede es “¿Se usó correctamente?” ¡Porque CSS! Importante es una herramienta tan poderosa, los desarrolladores y diseñadores deben conocer las mejores prácticas al usarla. ¡Cust! Importante puede conducir a todo tipo de códigos de espagueti y esto no es bueno para nadie. ¿Cuál es el CSS importante? Propiedad ! Importante de CSS indica que cualquier regla a la que se adjunta tiene precedentes en otras reglas. Es la prioridad principal para el elemento y el selector con el que se usa y, por lo tanto, permite a los desarrolladores y diseñadores tener un control específico sobre el estilo para partes individuales del sitio. En la mayoría de los casos, esto significa sobrescribir el estilo predeterminado para el sitio contenido en style.css o personalizando.css.
Cada tribunal de! Importante se aplica solo a la línea específica en la que aparece. Por lo tanto, puede usar la propiedad en ciertas partes de un fragmento, pero no todas. Código CSS para! Importante se ve así: .Esample-Class {
Color: #fff! IMPORTANTE;
}
¡Lo principal que debes recordar! Importante es el doble:
La palabra importante siempre debe ser precedida por un signo de exclamación (!)
¡El punto y la coma siempre deben estar al final de la línea, después de la declaración! importancia
! Importante se puede usar de una página a otra o de modo a modo (en el caso de páginas como Div), si lo desea, aunque ingresa el código de espagueti de qué sobrescribe qué elemento y en qué orden? Diseñador, en algún momento u otro, se ejecutará sobre la etiqueta CSS importante y tendrá que tomar una decisión. ¿Vale la pena cancelar el estilo predeterminado del sitio? A veces, la respuesta es un resumen de sí. Otras veces, no es difícil y rápido. Veamos algunas de las mejores prácticas con CSS importantes para saber cuándo probablemente no romperá nada, ni ahora ni en el futuro. Cuando se usa CSS importante, ¡un uso primario (y más amplio)! Importante es cuando desea una clase que interactúe con un selector primario para que sea diferente. Es posible que desee que el título del título y la meta información en sus blogs sean una fuente y color diferentes del resto de su sitio. El estilo predeterminado para estos elementos se hereda de los selectores H1 y P de los archivos CSS. Se mostrará lo que sea que establezca para el sitio predeterminado en sus archivos .css o en el tema de WordPress.
pags {
Font-peso: 400;
Tamaño de fuente: 1.1rem;
Línea de altura: 1.7;
Color: #111;
Font-Family: ‘Roboto’;
}
H1 {
margen-top: 30px;
margen de fondo: 15px;
Color: #000;
Font-Family: ‘Lato’;
}
Puede cambiar los elementos individuales deseados (el título de la publicación en el blog y la metainformación) con los cursos. Título de entrada y. Post-Meta. Y como quieres que hereden algunos de los estilos de Padre H1 y P, usará H1.Tentry-Title y P. Post-Meta para llamarlos específicamente.h1.tentry-Title, p.post -meta {
Color: White! Importante;
Font-Family: ‘Poppins’! IMPORTANTE;}
Si tiene estos fragmentos en la misma hoja de estilo, el código superior entrará en vigor en todos los casos, a menos que se muestren los títulos post y post meta. La propiedad importante de CSS anula el valor predeterminado y le permite tener un buen control sobre él.
¡Este tipo de personalización individual es el uso principal de! Importante. Pero no el único. Use CSS importante para proteger las clases, IDS y elementos. También puede usar elementos importantes de su página, importantes para el futuro, que el desarrollo posterior del sitio podría modificarse de manera inesperada. Puede, por ejemplo, desarrollar un determinado estilo para cajas de suscripción o opciones de correo electrónico o incorporación de YouTube. Cada uno de estos podría heredar diferentes estilos de sus hojas de estilo en diferentes lugares. ¡Usando la etiqueta! Se puede hacer importante para que se necesite una mano deliberada para cambiar el estilo de formularios o botones.
¡Simplemente llame al artículo con una clase o identificación, luego pon! Importante en cada línea … eNoutube Embed {
Font-Family: ‘Exo’!

Font-peso: 700! IMPORTANTE;
Línea de altura: 1.4rem! IMPORTANTE;
margen-top: 25px! importante;
Margen-izquierda: Auto! IMPORTANTE;
Margen-Right: Auto! IMPORTANTE
Color:#449928! Importante;
Relleno: 11px! IMPORTANTE;
Antecedentes:#998899;
}
¡Tu lo quieres! Resistencia futura de los cambios regulares en las hojas de estilo. El uso de estilos en línea es uno de esos casos de uso que pueden o no aparecer para muchas personas. Era muy común, pero se volvió menos importante a medida que nos alejamos de la codificación manual de nuestras publicaciones y páginas. Sin embargo, si alguna vez saltas en el HTML de un bloque de Gutenberg o en la vista de texto del editor clásico de WordPress, ¡puedes usar absolutamente! Importante con el estilo CSS en línea.
Este texto aparecerá azul ahora!
Esto es importante por algunas razones. El primero es que puede controlar cualquier línea de código en su página, específicamente usando Style = “X: Y! IMPORTANTE”; Y el segundo es que puede anular cualquier CSS ya aplicado a esa página. Incluso si este valor también tiene importancia. Por ejemplo:
pags {
Color:#313373! Importante;
Tamaño de fuente: 2rem;
}

Este texto aparecerá azul ahora, aunque hay otra etiqueta importante
¡Aplicado al selector de párrafos en esta página!
¡A pesar de que hay un estilo HTML construido que usa que usa! Importante en el mismo selector, CSS en línea que se refiere al párrafo específico será el que se juega.
Tenga cuidado de apilar etiquetas importantes para tomar los últimos ejemplos y lanzar una precaución.Estos tipos de usos son buenos en pequeñas dosis.Puede usarlos situaciones únicas y probablemente nadie tendrá problemas con ello.Porque, como una vez, ¡usaste especialmente!Importante para estilizar un elemento individual.Para el cual está destinado.Sin embargo, si comienzas a usar!Importante como una muleta, como una forma de evitar la edición de hojas de estilo con tanta frecuencia o como una solución rápida para más problemas en el mismo sitio, este es el comienzo del código de espagueti.Especialmente para los futuros desarrolladores que no eres tú.¡Si bien apenas te das cuenta del orden en el que juego!Importante, un futuro desarrollador puede encontrar imposible.
¡Lo que sucede al final es que hay tantas pilas! Importante en el sitio, que interactúa con varias hojas de estilo, páginas y módulos, que rara vez se producen normalmente. ¡Y a veces, incluso algo marcado! Importante no juega. ¡O peor, cada cambio posterior debe estar marcado! Importante solo para que esto aparezca, a menos que desee destruir el estilo del sitio y construirlo nuevamente. La conclusión importante de CSS es honestamente una de las herramientas más poderosas en el conjunto de herramientas de un diseñador. Puede ajustar fácilmente cualquier elemento en su sitio sin preocuparse de que afecte a subordinados o colegas. Pero, si lo usa en exceso, los efectos pueden convertirse en una pesadilla de páginas y elementos que intentan cancelarse entre sí, y lo que alguna vez fue importante se ha vuelto predeterminado, pero no se puede establecer como predeterminado. ¡Trate de usar! Importante fácilmente, por lo que cuando necesite algo para destacar o protegerse por el futuro, hágalo correctamente. ¡Qué piensa sobre el uso de CSS! Importante en sus proyectos? Imagen presentada por el artículo de Wan Wei / Shutterstock.com