Como analista de informática da Sanepar, você está envolvid...
Gabarito comentado
Confira o gabarito comentado por um dos nossos professores
Alternativa correta: C - Aplica estilos ao elemento raiz do documento.
Tema central: A questão aborda o uso da pseudoclasse :root no CSS3, muito relevante em projetos web modernos. Compreender pseudoclasses é fundamental para garantir estilos precisos e melhor organização do código.
Resumo teórico: No CSS, pseudoclasses permitem selecionar elementos em estados específicos ou com determinadas características. A pseudoclasse :root é usada para selecionar o elemento raiz do documento — normalmente o <html> em páginas web. Ela é muito empregada para definir variáveis CSS globais (custom properties).
Exemplo prático:
:root {
--cor-principal: #1976d2;
}
body {
background: var(--cor-principal);
}
Nesse exemplo, a variável --cor-principal é criada no :root e aplicada em todo o documento.
Fonte: MDN Web Docs - :root
Justificativa da alternativa correta: A alternativa C descreve com precisão: :root seleciona o elemento raiz do documento, possibilitando aplicar estilos ou definir variáveis CSS globais.
Análise das alternativas incorretas:
- A - Refere-se à pseudoclasse :last-of-type, e não ao :root.
- B - Diz respeito a pseudoclasses como :nth-of-type ou :nth-child, que lidam com a posição de elementos irmãos.
- D - Descreve a pseudoclasse :visited, que estiliza links já visitados.
- E - Relaciona-se à pseudoclasse :hover, ativada quando o mouse está sobre um elemento.
Dicas de interpretação: Procure identificar palavras-chave que remetam ao conceito de “raiz” ou “global” e associe-as ao uso do :root. Evite confundir com pseudoclasses ligadas à posição ou ao estado do mouse.
Gostou do comentário? Deixe sua avaliação aqui embaixo!
Clique para visualizar este gabarito
Visualize o gabarito desta questão clicando no botão abaixo
Conheça nossos planos