Clases y subclases CSS
En HTML, se utilizan varios atributos para identificar de manera única el elemento, como "clase" y "identificación"Atributos. También puede asignar más de un nombre a una clase en un elemento o crear subclases dentro de los elementos. Estos se utilizan principalmente para señalar a otra clase en una hoja de estilo. Más específicamente, las clases y subclases CSS ayudan a definir un grupo de elementos HTML para aplicar formateo y estilo únicos a los elementos seleccionados con la ayuda de las propiedades.
Este blog demostrará:
- ¿Cuáles son las clases y subclases CSS??
- Cómo acceder a la clase y subclases CSS?
¿Cuáles son las clases y subclases CSS??
Un CSS "clase"Es un atributo utilizado para especificar una colección de elementos HTML para que se puedan aplicar estilos y formatear específicos a todos esos componentes. Cuando los usuarios detectan o desarrollan patrones de diseño reutilizables que se conectan a una clase principal, se puede crear fácilmente otra clase utilizando el término "subclase". Después de eso, puede reubicar y reutilizar las cosas en varios lugares sin interrumpir estilos o cambiar los selectores utilizando subclases en lugar de selectores.
Cómo acceder a las clases y subclases CSS?
Para acceder a las clases y subclases CSS, siga el procedimiento establecido a continuación.
Paso 1: Haga un contenedor "Div"
Primero, crea un "div"Contenedor con la ayuda del"" elemento. Entonces, agregue un "clase"Atributo dentro de la etiqueta de apertura de div y asigna un nombre particular a la clase.
Paso 2: crear una tabla
A continuación, utilice el " Producción Paso 3: crear otro contenedor Div Ahora, cree otro contenedor DIV y agregue una clase siguiendo el mismo método. Paso 4: Haz otra mesa Utilizar el " Producción Paso 5: Clase de estilo "Main-Div" Ahora, acceda al atributo de clase principal y aplique las propiedades que cotizan a continuación: Aquí: Paso 6: Clase de estilo y subclase En este paso establecido, acceda tanto a la clase principal como a la subclase con la ayuda de su nombre y selector de atributos como ".principal" y ".contenido": Después de acceder a la clase y la subclase, aplique el "colorPropiedad para establecer el color en el texto agregado. Producción Paso 7: Clase de estilo "Segundo div" Acceda a la otra clase principal utilizando el mismo procedimiento del Div principal: Luego, aplique el "borde" y "margen"Propiedades para él. Paso 8: Subclase de estilo "Contenido" de estilo Ahora, acceda a la otra subclase y aplique el "color"Propiedad CSS para especificar el color al texto agregado: Se puede notar que las clases de CSS y sus subclases relevantes se han establecido con éxito: Eso se trataba del uso de las clases y subclases CSS. Conclusión Para acceder a las clases y subclases CSS, primero, cree un contenedor DIV con la ayuda de "”E inserte una clase con un nombre específico. Luego, haga otro elemento entre el contenedor ya que hemos creado una tabla utilizando el ""Etiqueta para crear una mesa. Además, asigne una clase dentro del
etiqueta, conocida como su subclase. Luego, cree filas en la mesa con la ayuda de "
"Y usa el" "Para agregar los datos de la tabla: Linuxhint es una organización con sede en el Reino Unido. Linuxhint el mejor sitio web de tutorial "Etiqueta para crear otra etiqueta:
TSL funciona para Linuxhint Ltd UK TSL es la mejor organización de creadores de contenido .principal-div
borde: 3px sólido RGB (240, 38, 2);
margen: 10px 100px;
.principal .contenido
Color: RGB (8, 12, 240);.Segundo div
borde: 3px azul sólido;
margen: 10px 100px;.Segundo Div .contenido
Color: RGB (27, 240, 7);Etiqueta y agregue una clase dentro de la etiqueta de la tabla con un nombre en particular. Después de eso, acceda a clase y subclase en CSS y aplique propiedades CSS para el estilo. Esta publicación ha declarado sobre clases y subclases CSS.