Cómo anular !importante?

Al diseñar los sitios web, los desarrolladores pueden aplicar varias declaraciones de CSS a uno o múltiples elementos. En este escenario, el navegador determina qué declaración es la más importante para un elemento. Por lo general, el uso de "!importante"Se evita a medida que interfiere con la cascada habitual de la hoja de estilo y complica la resolución de problemas. Sin embargo, se puede utilizar y anular cuando sea necesario. Cuando dos declaraciones a lo largo de un !conflicto de regla importante con el mismo elemento, se utiliza la declaración con el más alto nivel de especificidad.

Este tutorial examinará:

• Que es anular !importante?
• Método 1: Cómo anular !importante en html?
• Método 2: Cómo anular !importante en CSS?

Que es anular !importante?

Es un CSS "!importante"Regla que se utiliza para enfatizar una propiedad o su valor relevante más de lo normal. Esta regla anula todas las reglas de estilo anteriores para esa propiedad en particular en ese elemento cuando se aplica.

Cómo anular !importante en html?

Para usar la anulación !Propiedad importante, mire las instrucciones dadas.

Paso 1: Haz un contenedor Div

Inicialmente, cree un contenedor Div con la ayuda de "". Luego, inserte un atributo de clase y establezca un nombre específico de acuerdo con sus preferencias.

Paso 2: crear un divisado Div

A continuación, cree un Div Nested o Child entre el primero "" etiqueta. Entonces:

• Añade el "identificación" y "clase"Elementos con un nombre particular según su preferencia.
• Insertar el "estilo"Atributo y asignar un valor particular a este. Por ejemplo, "color de fondo"Establecerá el color de fondo del contenedor creado.
• También, "!importanteEl valor se utiliza para anular:

Linuxhint es uno de los mejores tutoriales del sitio web

Producción

Cómo anular !importante en CSS?

Para anular "!importante"En CSS, siga las instrucciones establecidas.

Paso 1: Agregar contenedores DIV anidados

Cree el primer contenedor dentro del primero y haga otro contenedor utilizando el mismo procedimiento mencionado en la sección anterior. Luego añade "clase" y "identificación"Atributos con los nombres específicos:

Linuxhint es uno de los mejores tutoriales del sitio web

Producción

Paso 2: Aplicar !Importante para la clase principal Div

Acceda a la clase Div principal utilizando el ".principal"Y aplique las propiedades CSS enumeradas a continuación:

.principal-div
tamaño de fuente: 30px;
margen-top: 20%;
Text-Align: Center;
Color: #0f0ff1;
Font-Weight: Bold;
Color de fondo: RGB (6, 166, 240) !importante;

Aquí:

• "tamaño de fuenteSe utiliza la propiedad para especificar el tamaño de la fuente.
• "margen-top"Agrega un espacio en la parte superior fuera del elemento.
• "texto alineado"Se utiliza para establecer la alineación del texto en el elemento definido.
• "color"La propiedad define el color del texto dentro del elemento.
• "pescadoLa propiedad se utiliza para mostrar cómo se pueden mostrar los alfabetos delgados o gruesos en el texto.
• "color de fondo"Se usa para configurar el color en la parte posterior del elemento.

Paso 3: Aplicar !Importante para la clase Div principal e identificación

Ahora, acceda al atributo de clase del primer contenedor Div y el atributo de identificación del segundo contenedor DIV:

Div [principal-div],
div [content-id]
Color de fondo: RGB (230, 230, 11) !importante;

Luego, aplique el "color de fondo"Propiedad y"!importante" regla. Anulará el color de fondo aplicado anteriormente.

Producción

Eso se trataba de anular el !Propiedad importante en CSS.

Conclusión

Para anular !importante, el usuario puede utilizar el "!importante"Regla con los atributos en HTML y también, use las propiedades CSS. Por ejemplo, acceda a la división principal y aplique el "!importante"Regla sobre el"color de fondo". Luego, acceda a los contenedores Div y se aplica nuevamente !regla importante sobre la misma propiedad. Como resultado, el segundo aplicó "!importante ”regla anula la primera. Esta publicación demostró el método para anular !importante tanto en HTML como en CSS.