Analista Judiciário - Área Apoio Especializado - Especialidade: Análise de Sistemas de Informação
A analista Flávia está escrevendo as regras de Cascading Style Sheets (CSS) para uma página web. Flávia precisa que determinada regra seja aplicada aos elementos da página que possuam ambas as classes “redondo” e “sem-borda”.Para aplicar a regra através de seletores CSS, a analista deve utilizar o seletor:
Aredondo&sem-borda
Bredondo+sem-borda
C.redondo.sem-borda
D.redondo+.sem-borda
E.redondo&.sem-borda
Revelar gabarito e comentário▾
GabaritoC — .redondo.sem-borda
Comentário gerado por IA. É um apoio ao estudo, ancorado em fontes, mas pode conter imprecisões — confira sempre na fonte oficial (lei, súmula, edital e gabarito da banca). Encontrou um erro? Use “Reportar”.
CSS: seletores de classe múltipla
Gabarito: letra C. A sintaxe .redondo.sem-borda (sem espaço entre os seletores de classe) seleciona elementos HTML que possuam ambas as classes simultaneamente. As demais alternativas ou usam combinadores inválidos ou semântica diferente.
Alternativa A — ❌ Incorreta
O operador & não existe em seletores CSS. Ele é usado em pré-processadores como Sass, mas não no CSS puro. O correto é a concatenação com ..
Alternativa B — ❌ Incorreta
O sinal + é o combinador de "irmão adjacente" (adjacent sibling). Ele seleciona um elemento imediatamente após outro, não elementos que acumulam classes. Portanto, .redondo+sem-borda (sem pontos) ainda assim seria inválido; com pontos, .redondo+.sem-borda selecionaria um elemento .sem-borda que é irmão adjacente de um .redondo.
Alternativa C — ✅ Correta ⟵ GABARITO
Conforme especificação CSS, para selecionar um elemento que tenha ambas as classes redondo e sem-borda, escreve-se .redondo.sem-borda (sem espaços). Isso significa "elemento com classe redondo E classe sem-borda".
Alternativa D — ❌ Incorreta
.redondo+.sem-borda usa o combinador +, que indica relação de irmão adjacente. Não se aplica ao mesmo elemento com as duas classes, mas a elementos irmãos.
Alternativa E — ❌ Incorreta
Novamente o & não é um combinador CSS válido. Apenas a concatenação simples (C) é a correta.
PEGA ESSA DICA!
Lembre-se: para selecionar um elemento com múltiplas classes, basta justapor os seletores de classe sem espaços (.classe1.classe2). Espaço entre eles representa um seletor descendente (elemento .classe2 dentro de .classe1). O combinador + é para irmão adjacente, e & não existe em CSS puro.