Questão de Arquitetura de Software — Software — FCC 2023
Arquitetura de Software›Software
Código
fc070433
Banca
FCC
Órgão
TRT - 21ª Região (RN)
Ano
2023
Nível
Superior
Cargo
Analista Judiciário - Área: Apoio Especializado - Tecnologia da Informação
Para um analista adicionar um ícone de seta antes de todos os links criados com a tag <a> página, ele deve utilizar a configuração CSS3
Aa:before {add: " "}
Ba::before {content: " ";}
Ca:before {text: " "}
Da[before] {content: " ";}
Ea::before {text: " ";}
Revelar gabarito e comentário▾
GabaritoB — a::before {content: " ";}
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”.
CSS3: Pseudo-elemento ::before
Gabarito: letra B. Para adicionar conteúdo (como um ícone) antes de um elemento, a sintaxe correta do CSS3 é usar o pseudo-elemento ::before com a propriedade content. A alternativa B é a única que emprega ::before (dois dois-pontos, próprio de pseudo-elementos) e a propriedade content com a string desejada.
A banca testa o conhecimento da sintaxe atual do CSS: pseudo-elementos usam :: (dois dois-pontos), enquanto pseudo-classes usam : (um dois-pontos). Além disso, a propriedade que insere conteúdo é content, e não text ou add.
Alternativa A — ❌ Incorreta
Usa a:before (um dois-pontos, forma antiga/incorreta no CSS3) e a propriedade add, que não existe em CSS. A propriedade correta é content.
Alternativa B — ✅ Correta ⟵ GABARITO
a::before {content: " ";} — emprega ::before (pseudo-elemento correto) e a propriedade content, que aceita texto, imagens ou contadores. É a sintaxe padrão do CSS3.
Alternativa C — ❌ Incorreta
Usa a:before (um dois-pontos) e a propriedade text, que não existe em CSS. A propriedade content é a única que insere conteúdo gerado.
Alternativa D — ❌ Incorreta
a[before] é um seletor de atributo, que busca elementos <a> com um atributo chamado before – não tem relação com pseudo-elemento. A sintaxe para pseudo-elemento é ::before, sem colchetes.
Alternativa E — ❌ Incorreta
Embora use ::before, a propriedade text é inválida. A propriedade correta é content. Além disso, o formato de declaração com espaçamento e content não pode ser substituído por text.
PEGA ESSA DICA!
Decore a diferença: pseudo-classes (:hover, :focus) usam um dois-pontos; pseudo-elementos (::before, ::after, ::first-line) usam dois dois-pontos no CSS3. Na dúvida, lembre-se que content é a única propriedade que insere texto/imagem gerado.