FC ConcursosFC Concursos

Questão FC373505

Atenção: O código da página web a seguir deve ser utilizado para responder a questão. <!DOCTYPE html> <html> <head> <title>Home</title> <meta charset="UTF-8"> <style> \(\overset{I}

Desenvolvimento Web

FCC · 2022

Atenção: O código da página web a seguir deve ser utilizado para responder a questão.

 

<!DOCTYPE html>

<html>

<head>

<title>Home</title>

<meta charset="UTF-8">

<style>

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

{

background-color: lightblue;

}

\(\overset{II}{......}\)

{

color: red;

}

</style>

</head>

<body>

<p class="p1">TRIBUNAL REGIONAL DO TRABALHO DA 5a REGIÃO</p>

<p>Estado da Bahia</p>

<button onclick="trocar()">Trocar Estado</button>

<script>

function trocar() {

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

}

</script>

</body>

</html>

 

No código apresentado as lacunas I e II, que identificam respectivamente o primeiro e segundo parágrafos aos quais os estilos CSS definidos serão aplicados, devem ser corretamente preenchidas por

  1. .p1 e .p2
  2. #p1 e .p2
  3. .p1 e #p2
  4. @p1 e #p2
  5. #p1 e #p2
Mostrar resposta e comentário

Gabarito

Certo

Comentário do professor

A alternativa correta é preencher as lacunas com os seletores .p1 e #p2. Isso porque o primeiro parágrafo no HTML está escrito como <p class="p1">…</p>, ou seja, pertence a uma classe denominada p1, cujo seletor CSS é iniciado por um ponto (.).

Já o segundo parágrafo deve ser alvo de um seletor do tipo ID, referenciado no CSS com o sinal de cerquilha (#). Para que #p2 funcione, o elemento HTML correspondente precisa ter id="p2" (por exemplo: <p id="p2">Estado da Bahia</p>).

Observação importante: em termos de especificidade, seletores de ID (como #p2) têm precedência sobre seletores de classe (como .p1), o que afeta qual estilo será aplicado se houver conflito.

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

Continue aprendendo