Oi, Isabella, tudo bem?
No HTML, podemos definir o atributo class em uma tag apenas uma vez, mas dentro desse atributo, podemos inserir quantas classes quisermos. Por exemplo, suponha que eu quero atribuir duas classes, uma para tornar o título vermelho e outra para aumentar a fonte. Teríamos o seguinte código utilizando o atributo class duas vezes:
<h1 class="titulo-vermelho" class="titulo-tamanho">Oi</h1>
.titulo-vermelho{
color:red;
}
.titulo-tamanho{
font-size: 100px;
}
Nesse código o navegador vai ignorar o segundo atributo class e vai ler apenas o primeiro. Dessa forma a fonte ficaria apenas vermelha, mas não mudaria seu tamanho. Por outro lado, utilizando duas classes dentro do atributo class obtemos tanto a mudança da cor quanto o aumento da fonte, mesmo que estivessem em classes diferentes. O código ficaria assim:
<h1 class="titulo-vermelho titulo-tamanho">Oi</h1>
.titulo-vermelho{
color:red;
}
.titulo-tamanho{
font-size: 100px;
}
Note que há um espaço entre os nomes das classes dentro do atributo class responsável por separar as classes dentro do atributo.
Espero ter ajudado. Caso tenha dúvidas, não hesite em postar no fórum!
Abraços e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓. Bons Estudos!
