¿Puedo seleccionar elementos que tengan múltiples clases?

Sí, es posible seleccionar los elementos asociados con múltiples clases. En un documento HTML, los selectores CSS se utilizan para consultar las clases creadas en el cuerpo HTML con el fin de aplicar propiedades en esos elementos. Los selectores de clase comienzan con un punto "."Símbolo y luego se escribe el nombre exacto de la clase.

Cuando se requiere seleccionar el elemento que no pertenece a una sola clase, entonces los nombres de todas las clases están escritos en el elemento de estilo que comienza con el símbolo de puntos exactamente como se selecciona una sola clase. Los selectores no deben tener espacio entre sí. Además, no hay límite para agregar el número de selectores al seleccionar un elemento.

Cómo seleccionar elementos que tengan múltiples clases?

La sintaxis para seleccionar el elemento que tiene múltiples clases es el siguiente:

.clase 1.clase 2.Clase3.clase4 ...
/ * Propiedades CSS */

En la sintaxis anterior, se han agregado múltiples selectores de clase (i.mi., Clase1, clase2, clase3, clase4, etc.) usando "." símbolo.

Entendamos cómo agregar selectores de clase múltiples juntos para seleccionar el elemento asociado prácticamente con un ejemplo simple.

Ejemplo: seleccionar un elemento con múltiples clases

Según el fragmento de código dado, hay tres elementos diferentes (encabezados) y el primer elemento tiene tres clases, yo.mi., Clase1, Clase2 y Clase3:

Esta es la primera línea ... este elemento tiene 3 clases!!

Esta es la segunda línea…

Esta es la tercera línea ..

Para seleccionar el elemento que tiene múltiples clases (Class1, Class2, Class3) en el elemento de estilo CSS, los selectores de clase simplemente se agregarán sin ningún espacio entre ellos:

.clase 1.clase 2.clase3
color blanco;
color fronterizo: negro;
estilo fronterizo: sólido;
Color de fondo: Darkcyan;

Esto aplicará las propiedades CSS definidas al elemento que tiene clase1, clase2 y clase3 y generará la siguiente salida:

Así es como puede seleccionar elementos que pertenecen a múltiples clases.

Conclusión

Los desarrolladores pueden seleccionar el elemento que tiene múltiples clases agregando múltiples selectores de clase en el elemento de estilo CSS que se refiere a todas las clases con las que el elemento está asociado. Los selectores de clase se agregan en el elemento de estilo sin espacio entre sí. Además, tampoco hay restricción al número de selectores de clase agregados en el elemento de estilo. Este blog es una buena guía sobre el método para seleccionar los elementos que tienen múltiples clases.