Posso selecionar elementos que tenham várias classes

Sim, é possível selecionar os elementos associados a várias classes. Em um documento HTML, os seletores CSS são usados ​​para se referir às classes criadas no corpo HTML com o objetivo de aplicar propriedades nesses elementos. Os seletores de classe começam com um ponto “.”Símbolo e então o nome exato da classe é escrito.

Quando é necessário selecionar o elemento que não pertence a apenas uma classe, os nomes de todas as classes são escritos no elemento de estilo que começam com o símbolo dot exatamente como uma única classe é selecionada. Os seletores não devem ter nenhum espaço entre si. Além disso, não há limite para adicionar o número de seletores enquanto seleciona um elemento.

Como selecionar elementos que tenham várias classes?

A sintaxe para selecionar o elemento que possui várias classes é a seguinte:

.classe 1.Classe2.Classe3.classe4…
/ * Propriedades CSS */

Na sintaxe acima, vários seletores de classe foram adicionados (i.e., Classe1, Classe2, Classe3, Classe4 e assim por diante) usando “.”Símbolo.

Vamos entender como adicionar vários seletores de classe para selecionar o elemento associado praticamente com um exemplo simples.

Exemplo: Selecionando um elemento com várias classes

De acordo com o snippet de código fornecido, existem três elementos diferentes (títulos) e o primeiro elemento tem três classes, eu.e., Classe1, Classe2 e Classe3:

Esta é a primeira linha ... este elemento tem 3 classes!!

Esta é a segunda linha ..

Esta é a terceira linha ..

Para selecionar o elemento que possui várias classes (Classe1, Classe2, Classe3) no elemento de estilo CSS, os seletores de classe serão simplesmente adicionados sem nenhum espaço entre eles:

.classe 1.Classe2.classe3
cor branca;
cor de borda: preto;
estilo de fronteira: sólido;
Background-Color: Darkcyan;

Isso aplicará as propriedades CSS definidas ao elemento que possui classe1, classe2 e classe3 e gerará a seguinte saída:

É assim que você pode selecionar elementos que pertencem a várias classes.

Conclusão

Os desenvolvedores podem selecionar o elemento que possui várias classes adicionando vários seletores de classe no elemento de estilo CSS referente a todas as classes que o elemento está associado a. Os seletores de classe são adicionados no elemento de estilo sem espaço entre si. Além disso, também não há restrição ao número de seletores de classe adicionados no elemento de estilo. Este blog é um bom guia sobre o método para selecionar os elementos com várias classes.