Questão de Tecnologia da Informação · FCC TRF4 2025 (nº 32)

CSS seletores são como filtros que o navegador usa para encontrar elementos HTML específicos e aplicar estilos a eles. Eles podem combinar o nome da tag, atributos (como target="_blank") e classes (como .patrocinado) para ser bem preciso.

• A) Incorreta: O operador ! não é uma sintaxe válida para negação em seletores CSS. A pseudo-classe correta para negar é :not().
• B) Incorreta: Assim como na alternativa A, o operador ! é inválido. Além disso, [class="patrocinado"] só selecionaria elementos que tivessem apenas a classe patrocinado, e não se tivessem outras classes junto.
• C) Incorreta: A sintaxe link{target="_blank"} não é um seletor de atributo CSS válido. Seletores de atributo usam colchetes [].
• (D) Correta: Este seletor combina corretamente: a seleciona todos os links; [target="_blank"] filtra os links que têm o atributo target com o valor _blank; e :not(.patrocinado) exclui (nega) os elementos que possuem a classe patrocinado.
• E) Incorreta: A sintaxe [class*=".patrocinado"] está incorreta para selecionar uma classe. O seletor [class*="patrocinado"] procuraria por elementos cujo atributo class contém a string "patrocinado" em qualquer lugar (por exemplo, class="super-patrocinado"), o que não é o mesmo que ter a classe patrocinado. Além disso, o ponto . dentro do seletor de atributo [class*=".patrocinado"] faria com que ele procurasse literalmente pela string ".patrocinado" no valor do atributo class, o que não é como as classes são definidas. A forma correta e simples de referenciar uma classe é .patrocinado. A armadilha aqui é tentar usar um seletor de atributo complexo para uma classe, quando o seletor de classe .patrocinado é o padrão e o correto.