FC ConcursosFC Concursos

Questão FC373506

Considere o código da página web a seguir. <!DOCTYPE html> <html> <head> <title>Home</title> <style> \(\overset{I}{......}\) </style> </head> <body> <h1>TRIBUNAL REGIONAL DO TRABAL

Desenvolvimento Web

FCC · 2022

Considere o código da página web a seguir.

 

<!DOCTYPE html>

<html>

<head>

<title>Home</title>

<style>

\(\overset{I}{......}\)

</style>

</head>

<body>

<h1>TRIBUNAL REGIONAL DO TRABALHO DA 5ª REGIÃO</h1>

<p>Estado da Bahia</p>

</body>

</html>

 

Para que, ao selecionar os conteúdos textuais do corpo da página o fundo do conteúdo selecionado fique amarelo, a lacuna I deve ser corretamente preenchida pela instrução CSS

  1. ::selection {background: yellow}
  2. body:selection {background: yellow}
  3. ::selection {background: #339900}
  4. body::content-selection {background: #F2FF14}
  5. ::content-selection {background: yellow}
Mostrar resposta e comentário

Gabarito

A

Comentário do professor

A instrução ::selection {background: yellow} é um pseudo-elemento CSS que estiliza a parte de um elemento que o usuário seleciona (quando arrasta o cursor sobre o texto).

Ao incluir essa regra dentro de <style> no cabeçalho, o navegador passa a pintar o fundo do trecho selecionado com a cor amarela, alterando apenas a aparência da seleção.

Importante: o seletor ::selection aceita apenas algumas propriedades, como background, color, cursor e outline. Outras propriedades CSS não têm efeito nesse pseudo-elemento.

Assim, a exigência da questão é atendida exatamente pela regra apresentada, que muda o fundo da seleção para amarelo em todo o documento.

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

Continue aprendendo