Cómo sobrescribir el estilo CSS - HTML

CSS permite a los desarrolladores web aplicar varios estilos, como "borde","mostrar","Estilo de fuente","estilo de borde","margen","relleno", Y muchos más en sitios web. Además, permite a los desarrolladores realizar esta tarea individualmente del HTML que crea cada página web. Los usuarios pueden diseñar cualquier propiedad a un elemento que ya hayan diseñado para sobrescribir la propiedad existente.

Esta publicación explicará el método para sobrescribir el estilo CSS.

Cómo sobrescribir el estilo CSS?

Para sobrescribir el estilo CSS, debe seguir las siguientes instrucciones.

Paso 1: crear un contenedor "div"

Inicialmente, cree un contenedor Div con la ayuda del "div" etiqueta. Luego, inserte un "clase"Atributo dentro de la etiqueta de apertura del div y asigna un nombre específico a la clase según los requisitos.

Paso 2: Crea un contenedor "div" anidado

A continuación, haz otro anidado "div"Contenedor con el mismo método mencionado en el paso anterior:

Paso 3: Container Div Div Style

Acceda al contenedor DIV principal con la ayuda de un nombre de clase con un selector de atributos. Para hacerlo, hemos utilizado ".contenido principal":

.contenido principal
margen: 40px 160px;
borde: 3px verde punteado;
relleno: 30px;

Después de acceder al contenedor DIV principal, aplique las propiedades CSS mencionadas a continuación:

• • "margen"Se utiliza para especificar el espacio fuera del elemento.
  • "borde"Agregue un límite alrededor del elemento definido.
  • "relleno"Se usa para agregar espacio dentro del límite definido.

La imagen resultante muestra la salida del bloque de código anterior:

Paso 4: Segundo estilo de contenedor "Div"

Ahora, acceda al segundo contenedor Div con nombre de clase y selector como ".clase de clase"Y diseñe de la siguiente manera:

.clase de ejemplo
Altura: 100px;
Ancho: 100px;
Antecedentes: RGB (22, 221, 211);
borde: 2px negro sólido;

Aquí:

• • "alturaLa propiedad se utiliza para establecer la altura del elemento.
  • "ancho"Asigna el tamaño de ancho del elemento.
  • "fondo"Especifica un color para la parte posterior del elemento en un límite definido.

Producción

Paso 5: acceder a contenedores Div anidados

Ahora, acceda al contenedor Div anidado y utilice el "fondo"Propiedad para sobrescribir el estilo CSS:

.interno .clase de ejemplo
Antecedentes: RGB (224, 72, 12);

Como resultado, el CSS "fondo"La propiedad sobrescribe la primera propiedad de fondo aplicada:

Has aprendido el método para sobrescribir el estilo CSS.

Conclusión

Para sobrescribir el estilo CSS, primero, cree un contenedor Div con un "" envase. A continuación, cree un contenedor Div anidado. Luego, acceda al primer div y aplica las propiedades de CSS. Después de eso, acceda al DIV anidado y aplique la misma propiedad CSS que sobrescribe la propiedad existente. Este tutorial demostró el método para sobrescribir el estilo CSS.