Gabarito: D

Vamos conversar um pouco sobre seletores em CSS, que são fundamentais para definir a quais elementos suas regras de estilo serão aplicadas. No CSS, cada vez que você quer estilizar um elemento que possui um atributo de classe, você usa um ponto (.) seguido pelo nome da classe.

Na questão em questão, estamos buscando aplicar estilos aos elementos com o atributo class="xpto". A maneira correta de selecionar esses elementos é utilizando o seletor de classe, que é representado pelo ponto (.) seguido pelo nome da classe sem espaços.

Portanto, a alternativa correta é a D, que utiliza o seletor .xpto. Esse seletor irá aplicar os estilos definidos dentro das chaves ({ ... }) a todos os elementos no documento HTML que tenham a classe "xpto" definida.

Vamos olhar rapidamente as outras alternativas para entender o porquê de serem incorretas:

• A: Usa #xpto, que é um seletor de ID, não de classe.
• B: Usa (xpto), que não é sintaxe válida em CSS.
• C: Usa *xpto, que também não é uma sintaxe válida.
• E: Usa xpto, que parece ser um seletor de tipo (para elementos com esse nome de tag, o que não é o caso).

Entender os seletores é essencial para trabalhar eficientemente com CSS, pois eles determinam exatamente quais elementos serão afetados pelas regras de estilo que você escreve. Lembre-se: use o ponto para classes, o cerquilha (#) para IDs e o nome da tag para selecionar elementos por seu tipo.

Gabarito D

No CSS

. (ponto) - Faz referência ao atributo class da tag HTML.

# (hashtag) - Faz referência ao atributo ID da tag HTML.

Nunca vi um codigo escrito assim class=xpto, já vi class="xpto", mas dá pra entender. Se dá para ser usado como está no anuncio eu não sei.