Questão de Tecnologia da Informação · FGV TJ-SE Servidor 2023 (nº 45)

CSS seletores são como endereços que você usa para dizer ao navegador qual parte da sua página web você quer estilizar. Existem seletores especiais, chamados pseudo-classes, que selecionam elementos baseados em sua posição ou estado (como "o primeiro filho"), e pseudo-elementos, que selecionam partes específicas de um elemento (como "a primeira linha de um texto").

• (A) Incorreta: ::first-line é um pseudo-elemento que seleciona apenas a primeira linha de texto dentro de um elemento, e não o primeiro elemento completo da lista. A armadilha aqui é confundir "primeira linha" (parte do texto) com "primeiro elemento" (o item da lista em si).
• (B) Correta: li:first-child é uma pseudo-classe que seleciona o primeiro elemento <li> que é o primeiro filho de seu pai (que seria a tag <ul> ou <ol>). Isso atende perfeitamente à regra de formatar o primeiro elemento de cada lista.
• (C) Incorreta: ul li é um seletor de descendente que seleciona todos os elementos <li> que estão dentro de um <ul>, aplicando a cor vermelha a todos os itens da lista, e não apenas ao primeiro.
• (D) Incorreta: ul:first-child seleciona um elemento <ul> se ele for o primeiro filho de seu pai. Isso não seleciona os itens da lista (<li>), nem o primeiro item de cada lista, mas sim a lista inteira (<ul>) se ela for o primeiro elemento dentro de seu contêiner.
• (E) Incorreta: li:nth-of-type(2) é uma pseudo-classe que seleciona o segundo elemento <li> de seu tipo dentro de seu pai, e não o primeiro.