Cómo apuntar a una clase CSS dentro de otra clase CSS

Las clases juegan un papel crucial al discutir la especificación de cualquier elemento en CSS o cualquier otro lenguaje de programación. Para expresar algunos estilos y efectos en los componentes HTML, se generan clases en CSS. Al dar los valores de la propiedad, todas las propiedades de CSS se pueden agregar al cuerpo de la clase.

Esta publicación indicará sobre la orientación de una clase CSS dentro de otra clase CSS.

Cómo apuntar a la clase CSS dentro de otra clase CSS?

Para apuntar a una clase CSS dentro de otra clase CSS, primero, haga contenedores de div y agregue atributos de clase en cada contenedor. Luego, acceda a una o más clases en CSS utilizando su nombre/valor.

Paso 1: Agregue un contenedor "div"

Inicialmente, agregue un elemento Div con la ayuda de "". Luego, asigne un atributo de clase para su uso posterior.

Paso 2: hacer contenedores "div" anidados

A continuación, realice contenedores DIV anidados siguiendo el mismo procedimiento del Paso 1:

Casar
Jacobo
Tomás
Jully

Producción

Paso 3: Aplicar el estilo en el contenedor principal "div"

Acceda a lo principal "div"Container con la ayuda del nombre de clase como".contenido principal":

.contenido principal
Ancho: 40%;
margen: 0 auto;
color azul;
Border: 2px de azul punteado;
Text-Align: Center;

Aquí:

• "ancho"Especifica el tamaño de ancho del elemento.
• "margen"Asigna espacio alrededor del elemento fuera del borde definido.
• "color"Define el color para el texto agregado en el elemento.
• "borde"Define un contorno o límite alrededor del elemento en HTML.
• "Texto alineado"Define la alineación del texto del elemento.

Paso 4: estilo otra clase

Acceda a la clase principal de CSS y otras clases anidadas utilizando sus nombres. Luego, establezca el ancho del contenedor especificando el valor de acuerdo con su elección:

.contenido principal .mesa
Ancho: 80%;

Además, acceda a la otra clase siguiendo el mismo procedimiento que el anterior y aplique las propiedades de CSS mencionadas en el siguiente fragmento de código:

.contenido principal .C-Right
Pantalla: bloque en línea;
tamaño de fuente: 20px;

Según el fragmento de código anterior:

• "mostrarLa propiedad se utiliza para configurar la visualización de un elemento.
• "tamaño de fuente"Especifica el tamaño del texto agregado en el contenedor.

Ahora, acceda a las otras clases utilizando el mismo método y aplique las siguientes propiedades de CSS como se menciona a continuación:

.contenido principal .C-izquierda
Ancho: 140px;
margen-derecha: 6px;
tamaño de fuente: 16px;

Para hacerlo, aplicaremos "ancho","margen de derecha" y "tamaño de fuente"Para fines de estilo.

Además, acceda a la principal "div"Contenedor a lo largo de otro contenedor Div anidado utilizando su nombre de clase y aplica las siguientes propiedades de CSS

.principal .C-Right
Ancho: Auto;
tamaño de fuente: 15px;
Color: #fff;
margen-derecha: 20px;
Font-peso: Normal;

Producción

Se trata de atacar una clase CSS dentro de otra clase CSS.

Conclusión

Para apuntar a una clase CSS dentro de otra clase CSS, primero, acceda a la principal "div"A través del atributo de clase asignado. Luego, acceda a otro contenedor "div" siguiendo el mismo procedimiento. Además, los usuarios pueden dirigirse a una clase CSS dentro de otras clases CSS. Esta publicación ha demostrado el método para atacar una clase CSS dentro de otra clase CSS.