FC ConcursosFC Concursos

Questão FC373519

Considere a página web abaixo. <!DOCTYPE html> <html> <head> <style> ..I.. { color: #0000ff; font-size:300%; } </style> </head> <body> <h1 class="tit">História do Tribunal de Justi

Desenvolvimento Web

FCC

Considere a página web abaixo.


<!DOCTYPE html>
<html>
 <head>
  <style>
   ..I.. {
     color: #0000ff;
     font-size:300%;
   }
</style>
</head>
<body>
  <h1 class="tit">História do Tribunal de Justiça</h1>
  <p>A história do Tribunal de Justiça do Maranhão reflete a própria
   evolução da Justiça maranhense, que...</p>
 </body>
</html>


A instrução CSS que deve ser colocada na lacuna I para que somente na primeira letra do título seja aplicada a cor e o tamanho da fonte é:

  1. h1#tit::first-character
  2. h1.tit::first-letter
  3. h1.tit:initial-letter
  4. h1#tit::first-letter
  5. h1.tit::captive-letter
Mostrar resposta e comentário

Gabarito

B

Comentário do professor

h1.tit seleciona o elemento <h1> que possui a classe tit. Esse é o seletor composto que identifica exatamente o título alvo no documento.

O pseudo-elemento ::first-letter aplica estilos apenas à primeira letra do conteúdo do elemento selecionado. Trata‑se da sintaxe moderna de pseudo-elemento (o formato com um dois-pontos duplos é recomendado, embora a forma com um só dois-pontos ainda funcione em navegadores antigos).

Propriedades como color e font-size podem ser definidas no pseudo-elemento, por exemplo:
h1.tit::first-letter { color: #0000ff; font-size: 300%; }

Assim, apenas a primeira letra do título recebe a cor e o aumento de tamanho, enquanto o restante do texto mantém os estilos normais.

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

Continue aprendendo