¿Puede una clase CSS heredar una o más otras clases?

HTML y CSS no son idiomas de codificación. Ambos son lenguajes de marcado. Los elementos HTML pueden tener atributos de clase accedidos en CSS para fines de estilo. Estas clases de CSS pueden heredar una o más clases de CSS. Esto se puede hacer en el "MENOS", Una extensión del lenguaje CSS compatible con hacia atrás, que significa hojas de estilo más delgadas.

Este artículo describirá cómo heredar una o más clases de CSS a una clase CSS.

¿Puede una clase en CSS heredar una o más otras clases??

Una clase en CSS puede heredar una o más otras clases utilizando herramientas como hojas de estilo más delgadas. Ofrece características adicionales que ayudan a desarrollar la aplicación fácilmente.

Para una demostración práctica, consulte el ejemplo a continuación.

Html

En html, agregue dos ""Elementos con las clases"sección" y "subsección"Respectivamente:

Sección

subsección

Producción

Cree una hoja de estilo menos agregando el ".menos" extensión.

Crear estilo.Menos archivo

Primero, declare dos clases de CSS ","estilos comunes" y "paraca". Luego, aplique estas clases a los elementos HTML.

Clase de estilo "Common-Styles"

.estilos comunes
Color de fondo: RGB (228, 225, 148);
borde: 5px RGB sólido (213, 213, 243);
relleno: 10px;
tamaño de fuente: 25px;
margen: 5px;
Ancho: 500px;

El "estilos comunesLa clase se diseña con las siguientes propiedades de CSS:

• "color de fondo"Determina el color de fondo del elemento.
• "borde"Agrega el borde del elemento.
• "relleno"Agrega espacio alrededor del contenido del elemento.
• "tamaño de fuente"Indica el tamaño de fuente.
• "margen"Produce espacio alrededor del elemento.
• "ancho"Determina la amplitud del elemento.

Clase de estilo "para"

.paraca
Font-Family: Fantasy;
tamaño de fuente: 20px;
color gris;

Aquí:

• "Familia tipográfica"Ajusta el estilo de fuente.
• "tamaño de fuente"Establece el tamaño de fuente.
• "color"Establece el color de la fuente.

Heredar clase CSS

En la siguiente sección CSS, dos clases CSS son inherentes a los "sección" clase:

.sección
.paraca;
.estilos comunes;

Aquí, una clase CSS, "estilos comunes"Se hereda al"subsección" clase:

.subsección
.estilos comunes;

Producción

De esta manera, la clase CSS puede heredar una o más clases de CSS.

Conclusión

La clase CSS puede heredar una o más clases de CSS utilizando herramientas como menos. Para hacerlo, primero, cree un archivo HTML. Especifique los elementos HTML dentro de él y asignarles las clases. En el archivo menos, declare las clases con CSS Propiedades. Para heredar estilos, especifique la clase dentro de los soportes rizados de la otra clase. Esta publicación ha explicado cómo una o más clases son heredadas por una clase CSS.