Observe o emprego de seletores do CSS3 nos trechos a seguir....

Com base no mesmo assunto

Q914399

Ano: 2018 Banca: FGV Órgão: MPE-AL Prova: FGV - 2018 - MPE-AL - Analista do Ministério Público - Desenvolvimento de Sistemas |

Q914399 Programação

Observe o emprego de seletores do CSS3 nos trechos a seguir.

p.exemplo.didatico { color: red; }

.quadro { color: red; }

#abc { color: red; }

Essa sintaxe significa que serão coloridos com vermelho

todos os parágrafos que têm “exemplo” e “didatico” como atributos class, todos os elementos que têm “quadro” como atributo class e todos os elementos que têm “abc” como atributo id.

todos os elementos que têm “p.exemplo.didatico” como atributo class, todos os elementos que têm “quadro” como atributo id e todos os elementos que têm “abc” como atributo name.

todos os elementos que têm “p”, “exemplo” e “didatico” como atributos class, todos os elementos que têm “quadro” como atributo id e todos os elementos que têm “abc” como atributo name.

todos os elementos que têm “p.exemplo.didatico” ou “quadro” como atributos class e todos os elementos que têm “abc” como atributo name.

todos os parágrafos que têm “exemplo” ou “didatico” como atributo name, todos os elementos que têm “quadro” como atributo name e todos os elementos que têm “abc” como atributo id.

Você errou! Resposta:

teste

Parabéns! Você acertou!

teste

Gabarito comentado

Confira o gabarito comentado por um dos nossos professores

Gabarito: Letra A

Para resolver essa questão com maestria, é essencial compreender a função dos seletores em CSS (Cascading Style Sheets). Os seletores determinam quais elementos do HTML serão estilizados pelas regras definidas no CSS. Existem vários tipos de seletores, e aqui temos três importantes para destacar:

Seletor de tipo: Especifica elementos por seu tipo de tag (ex: p, div, span, etc.).
Seletor de classe: Ponto (.) seguido do nome da classe, seleciona todos os elementos que têm esse nome de classe no atributo class.
Seletor de ID: Cerquilha ou hash (#) seguido do nome do ID, seleciona o elemento que tem esse nome de ID no atributo id.

Agora, vamos analisar cada seletor usado:

p.exemplo.didatico: Esse seletor seleciona todos os parágrafos (p) que possuem simultaneamente duas classes: exemplo e didatico. A presença das duas classes é indicada pela junção sem espaço dos nomes das classes precedidos por pontos.
.quadro: Aqui, o seletor aponta para todos os elementos que têm a classe quadro.
#abc: Este seletor refere-se ao elemento único que tem o id "abc".

A alternativa correta é a A, pois reflete corretamente o funcionamento dos seletores listados. Vamos analisar o que ela diz:

"todos os parágrafos que têm “exemplo” e “didatico” como atributos class, todos os elementos que têm “quadro” como atributo class e todos os elementos que têm “abc” como atributo id."

Isso está correto pois os seletores estão aplicando a cor vermelha:

Aos parágrafos com ambas as classes exemplo e didatico.
A todos os elementos com a classe quadro.
E ao elemento único com o id abc.

As demais alternativas falham em representar corretamente a relação entre os seletores e os atributos class e id do HTML. Portanto, a alternativa A é a única que descreve corretamente o que os seletores irão estilizar no documento HTML.

Clique para visualizar este gabarito

Visualize o gabarito desta questão clicando no botão abaixo

Comentários

Veja os comentários dos nossos alunos

LETRA A

Questões recorrentes sobre CSS:
. -> CLASS
# -> ID

.class1.class2 -> aplicado a elementos com "class1" e "class2"

.class1, .class2 -> aplicado a elementos com "class1" ou "class2"

.class1 .class2 -> aplicado a elementos com "class2" que são descendentes de elementos "class1"

Clique para visualizar este comentário

Visualize os comentários desta questão clicando no botão abaixo

A OPORTUNIDADE ESTÁ ESCAPANDO!