Questão de Tecnologia da Informação · FGV MPGO Servidores 2022 (nº 48)

Seletor de classe em CSS é um mecanismo para "mirar" elementos HTML específicos. A classe é um atributo que você coloca nas tags (ex.: <div class="xpto">), e o seletor de classe é representado por um ponto (.) seguido do nome da classe. Ele aplica estilos a todos os elementos que possuem essa classe.

• (A) Incorreta: #xpto seleciona elementos pelo ID (atributo id), não pela classe. IDs são únicos, classes podem se repetir.
• (B) Incorreta: (xpto) não é uma sintaxe válida em CSS. Parênteses são usados em funções como calc() ou :not(), não para seletores.
• (C) Incorreta: *xpto não é um seletor válido. O asterisco * sozinho seleciona todos os elementos, mas *xpto não tem significado.
• (D) Correta: .xpto é o seletor de classe. O ponto . é o prefixo que indica "classe", e xpto é o nome da classe. Ex.: .xpto { color: red; } aplica vermelho a todo elemento com class="xpto".
• (E) Incorreta: xpto (sem ponto ou #) seleciona elementos por nome de tag (ex.: <xpto>), que não é uma tag HTML padrão. Isso não mira a classe.

Armadilha da banca: A pegadinha está na alternativa (C) *xpto. Muitos alunos confundem o asterisco * (que é o seletor universal, "todos os elementos") e acham que *xpto significa "todos os elementos com classe xpto". Mas o CSS não funciona assim: o * sozinho é universal, e para classe o prefixo obrigatório é o ponto (.). O *xpto é inválido e não seleciona nada.