FC ConcursosFC Concursos

Questão FC266162

Qual a saída dada pelo código após sua execução?

Desenvolvimento Web

IDECAN · 2022

Observe o fragmento de código HTML a seguir:

 

<!DOCTYPE html>

<head>

<style>

a:before{

contente:”(“attr(href)”)”;

}

</style>

</head>

<body>

<p><a

href=”https://www.idecan.org.br/”>IIDECAN</a><p>

</body>

</html>

 

Qual a saída dada pelo código após sua execução?

  1. (https://www.idecan.org.br) IDECAN
  2. https://www.idecan.org.br IDECAN
  3. IDECAN (https://www.idecan.org.br)
  4. IDECAN
Mostrar resposta e comentário

Gabarito

A

Comentário do professor

O código usa o pseudo-elemento ::before aplicado ao link, que insere conteúdo imediatamente antes do texto do elemento.

A propriedade content está configurada para "( "attr(href)" ) — ou seja, insere um parêntese de abertura, o valor do atributo href via attr(href) e o parêntese de fechamento.

Como resultado, antes do texto do link aparece o URL entre parênteses e em seguida o texto do próprio link. 
Portanto a saída impressa na página será: (https://www.idecan.org.br) IIDECAN.

Observe que o pseudo-elemento não altera o atributo nem o texto do link; apenas gera conteúdo visual antes do conteúdo original do elemento.

Conteúdo do catálogo FC Concursos · Atualizado em

Continue aprendendo