Pular para o conteúdo principal

Questão de Programação — CSS (Cascading Style Sheets) — FCC 2025

ProgramaçãoCSS (Cascading Style Sheets)
Código
fc074352
Banca
FCC
Órgão
TRF - 4ª REGIÃO
Ano
2025
Nível
Superior
Cargo
Técnico Judiciário - Área Apoio Especializado - Especialidade: Desenvolvimento de Sistema da Informação
Em um site de uma organização construído com HTML e CSS, deseja-se aplicar um estilo especial a todos os links externos (com target=" blank") que não pertencem à classe patrocinado. O seletor CSS3 que atendea esse requisito é:
  1. Aa[target="_blank"]:!(.patrocinado)
  2. Ba [target="_blank"]:!([class="patrocinado"])
  3. Ca[link{target="_blank"}]:not(.patrocinado)
  4. Da [target="_blank"]:not(.patrocinado)
  5. Ea [target="_blank"]:not([class*=".patrocinado"])
Revelar gabarito e comentário

GabaritoD — a [target="_blank"]:not(.patrocinado)

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”.

Seletores CSS – pseudo-classe :not e atributo target

Gabarito: letra D. O seletor CSS3 que atende ao requisito (links externos com target="_blank" que não pertencem à classe .patrocinado) é a[target="_blank"]:not(.patrocinado). A alternativa D reproduz essa estrutura, ainda que contenha um espaço entre a e [target...], enquanto as demais apresentam erros sintáticos graves que as invalidam.

A banca testa o conhecimento da pseudo-classe :not(), que recebe um seletor simples (no caso, uma classe) para negar, e do seletor de atributo [atributo="valor"]. A combinação deve ser sem espaço entre o elemento e o colchete, pois com espaço torna-se seletor descendente. Contudo, como nenhuma outra alternativa traz a negação de classe correta, a D é a única que atende ao sentido pretendido.

Alternativa A — ❌ Incorreta

Usa :!(.patrocinado), que não é uma pseudo-classe válida em CSS. O operador ! não existe para negação direta; o correto é :not().

Alternativa B — ❌ Incorreta

Também utiliza :!(), inválido, e ainda emprega [class="patrocinado"] em vez de .patrocinado. A forma correta de negar uma classe é :not(.patrocinado).

Alternativa C — ❌ Incorreta

Apresenta a sintaxe [link{target="_blank"}], que não é reconhecida pelo CSS. O atributo é escrito entre colchetes, não com chaves.

Alternativa D — ✅ Correta ⟵ GABARITO

a [target="_blank"]:not(.patrocinado). Apesar do espaço entre a e [target...], que tecnicamente tornaria o seletor descendente, a estrutura contém os elementos essenciais: seletor de atributo [target="_blank"] e pseudo-classe :not(.patrocinado). As demais alternativas estão sintaticamente inválidas, o que torna esta a única opção plausível. A intenção é o seletor a[target="_blank"]:not(.patrocinado).

Alternativa E — ❌ Incorreta

Também possui o espaço entre a e [target...], e usa :not([class*=".patrocinado"]). O seletor [class*=".patrocinado"] verifica se o atributo class contém o texto literal ".patrocinado" (incluindo o ponto), o que não equivale a selecionar elementos com a classe patrocinado. A forma correta é :not(.patrocinado).

Gabarito: letra D.

Link permanente: /questoes/fc074352