En CSS, hay numerosos selectores utilizados para diferentes fines, incluidos selectores de comodín, selectores de identificación, selectores de clase y muchos más. Más específicamente, el selector de comodín elige múltiples elementos a la vez. Selecciona nombres o características de clase de un tipo similar y asigna propiedades CSS. Cada vez que los usuarios emplean este selector de comodín en CSS, todos los elementos con el mismo nombre de clase se seleccionarán.

Esta publicación demostrará el uso de comodines * en CSS para la clase.

Cómo utilizar el comodín * en CSS para la clase?

Para utilizar el comodín * en CSS para la clase, pruebe el procedimiento mencionado.

Paso 1: inserte un encabezado
En primer lugar, agregue un encabezado utilizando la etiqueta de encabezado. Para hacerlo, agregaremos el "

" etiqueta.

Paso 2: Crear contenedores Div
Cree tres contenedores DIV separados con la ayuda del ""Elemento e inserte un"clase"Atributo en cada contenedor con un nombre específico de acuerdo con sus preferencias.

Paso 3: Agregar texto
A continuación, utilice el "

"Etiqueta para insertar texto en forma de párrafo. Además, agregue un "clase"Atributo con un nombre único. Luego, incruste un texto entre la etiqueta del párrafo:

Linuxhint Ltd UK

Primer contenedor
Segundo contenedor
Tercer contenedor

Linuxhint proporciona el contenido para varias categorías, incluidos Docker, HTML/CSS, Discord, PowerShell, Windows, Git Hub y muchos más.

Producción

Paso 4: Acceda a la clase "STR" utilizando el * comodín *
Entonces, especificando "[clase*= "str"]"Seleccionará todos los elementos DIV cuyo nombre de clase comienza con"stri":

[class*= "str"]
Antecedentes: RGB (80, 119, 250);
color blanco;

Luego, aplique las siguientes propiedades CSS en todos los elementos seleccionados:

• "fondoLa propiedad establece el color para el fondo del elemento.
• "color"Asigna el color específico para el elemento.

Paso 5: encabezado de estilo
Acceda al encabezado con la ayuda del "

" etiqueta:

H1
Color: RGB (44, 3, 230);
Text-Align: Center;

Después de eso, el "color"La propiedad se aplica para hacer que el encabezado sea colorido y establecer el "texto alineado"Valor de propiedad como"centro"Centrar alinear el texto.

Paso 6: Contenedor de estilo "principal-div"
Acceda al contenedor DIV principal utilizando el selector de puntos con el nombre de la clase ".principal":

.principal-div
Alineación de ítems: Centro;
Text-Align: Center;
Ancho: 60%;
margen-izquierda: 80px;
borde: 2px azul sólido;

En el fragmento de código anterior:

• "ítems alineados"La propiedad establece la alineación del elemento como"centro".
• "texto alineado"Se utiliza para asignar la alineación del texto en el elemento.
• "ítems alineados"La propiedad establece la alineación del elemento como" centro ".
• "margen de pesa"Establece el margen del lado izquierdo del elemento.
• "borde"Define un límite fuera del elemento que tiene un ancho, estilo y color adecuado.

Producción

Eso es todo! Has aprendido sobre el comodín * en CSS para la clase.

Conclusión

El comodín "*" en CSS es un selector que se utiliza para seleccionar todos los elementos de acuerdo con el valor definido. Después de seleccionarlos, puede aplicar un diseño de estilo único a todos los elementos. Este enfoque es útil cuando se requiere diseñar múltiples elementos que tengan el mismo valor de clase. Este artículo ha explicado el comodín * en CSS para la clase.