Cómo orientar una clase CSS dentro de otra clase CSS

”. Luego, asigne un atributo de clase para su uso posterior.

Paso 2: Hacer Contenedores 'div' Anidados

A continuación, cree contenedores div anidados siguiendo el mismo procedimiento del paso 1:

< división clase = 'contenido principal' >

< división clase = 'mesa' >

< división clase = 'fila' >

< división clase = 'hendido' > Casar < / división >

< división clase = 'c-derecha' > Jacobo < / división >

< división clase = 'hendido' > Tomás < / división >

< división clase = 'c-derecha' > Julio < / división >

< / división >

< / división >

< / división >

Producción

---

---

Paso 3: aplicar estilo en el contenedor principal 'div'

Accede a la principal “ división ” contenedor con la ayuda del nombre de la clase como “ .contenido principal ”:

.contenido principal {

ancho : 40% ;

margen : 0 auto ;

color : azul ;

borde : 2 píxeles punteado azul ;

texto alineado : centro ;

}

Aquí:

• “ ancho ” especifica el tamaño del ancho del elemento.
• “ margen ” asigna espacio alrededor del elemento fuera del borde definido.
• “ color ” define el color del 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: Dale estilo a otra clase

Acceda a la clase principal de CSS y otras clases anidadas usando sus nombres. Luego, establezca el ancho del contenedor especificando el valor según 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 CSS mencionadas en el siguiente fragmento de código:

.contenido principal .c-derecha {

mostrar : bloque en línea ;

tamaño de fuente : 20px ;

}

De acuerdo con el fragmento de código anterior:

• “ mostrar La 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 CSS como se menciona a continuación:

.contenido principal .hendido {

ancho : 140px ;

margen derecho : 6px ;

tamaño de fuente : 16px ;

}

Para ello, aplicaremos “ ancho ”, “ margen derecho ' y ' tamaño de fuente ” con fines de estilo.

Además, acceda a la principal “ división ” contenedor junto con otro contenedor div anidado utilizando su nombre de clase y aplique las siguientes propiedades CSS

.principal .c-derecha {

ancho : auto ;

tamaño de fuente : 15px ;

color : #fff ;

margen derecho : 20px ;

peso de fuente : normal ;

}

Producción

Se trata de apuntar a una clase CSS dentro de otra clase CSS.

Conclusión

Para apuntar a una clase de CSS dentro de otra clase de CSS, primero acceda a la página principal ' división ” a través del atributo de clase asignado. Luego, acceda a otro contenedor 'div' siguiendo el mismo procedimiento. Además, los usuarios pueden apuntar a una clase CSS dentro de otra clase CSS. Esta publicación ha demostrado el método para apuntar a una clase CSS dentro de otra clase CSS.