Seletores de classe

Um seletor de classe é um tipo de seletor CSS que seleciona elementos que possuem um atributo de classe específico. O atributo de classe é um atributo personalizado que você pode adicionar a elementos HTML para agrupá-los.

Para selecionar elementos com uma classe específica, você usa um ponto (.) seguido pelo nome da classe. Por exemplo, o seletor .my-class seleciona todos os elementos que possuem a classe my-class.

Aqui está um exemplo de como usar um seletor de classe para estilizar uma página da web:

.my-class {
  color: red;
  font-size: 2em;
}

Para adicionar uma classe a um elemento, escreva:

<div class="my-class"></div>

Esta regra CSS estilizará todos os elementos que possuem a classe my-class para ficarem vermelhos e terem um tamanho de fonte de 2em.