Posso selezionare elementi che hanno più classi

Sì, è possibile selezionare gli elementi associati a più classi. In un documento HTML, i selettori CSS vengono utilizzati per fare riferimento alle classi create nel corpo HTML allo scopo di applicare le proprietà in tali elementi. I selettori di classe iniziano con un punto "."Simbolo e quindi il nome esatto della classe è scritto.

Quando è necessario selezionare l'elemento che non appartiene a una sola classe, i nomi di tutte le classi sono scritti nell'elemento di stile che iniziano con il simbolo Dot esattamente come viene selezionata una singola classe. I selettori non dovrebbero avere alcun spazio tra loro. Inoltre, non vi è alcun limite all'aggiunta del numero di selettori durante la selezione di un elemento.

Come selezionare elementi che hanno più classi?

La sintassi per selezionare l'elemento che ha più classi è la seguente:

.Classe1.Classe2.Classe3.Class4…
/ * Proprietà CSS */

Nella sintassi sopra, sono stati aggiunti selettori di più classi (i.e., Class1, Class2, Class3, Class4 e così via) usando "."Simbolo.

Comprendiamo come aggiungere insieme più selettori di classe per selezionare l'elemento associato praticamente con un semplice esempio.

Esempio: selezione di un elemento con più classi

Secondo lo snippet di codice dato, ci sono tre diversi elementi (intestazioni) e il primo elemento ha tre classi, i.e., Classe1, Classe2 e Classe3:

Questa è la prima riga ... questo elemento ha 3 classi!!

Questa è la seconda riga ..

Questa è la terza riga ..

Per selezionare l'elemento che ha più classi (Class1, Class2, Class3) nell'elemento in stile CSS, i selettori di classe verranno semplicemente aggiunti senza spazio tra di loro:

.Classe1.Classe2.class3
colore bianco;
Border-color: nero;
Border in stile: solido;
Background-color: darkcyan;

Ciò applicherà le proprietà CSS definite all'elemento che ha Class1, Class2 e Class3 e genererà il seguente output:

È così che puoi selezionare elementi che appartengono a più classi.

Conclusione

Gli sviluppatori possono selezionare l'elemento che ha più classi aggiungendo più selettori di classi nell'elemento stile CSS che si riferisce a tutte le classi a cui è associato l'elemento. I selettori di classe vengono aggiunti nell'elemento di stile senza spazio tra loro. Inoltre, non vi è inoltre alcuna limitazione al numero di selettori di classe aggiunti nell'elemento di stile. Questo blog è una buona guida sul metodo per selezionare gli elementi con più classi.