Questão nº 27
Questão de Tecnologia da Informação · FCC TRE-PR 2017 (nº 27)
The jQuery $("p:last-of-type") statement selects all <p> elements that are the
- A2nd child of their parent.
- Bonly child of their parent.
- Clast `<p>` element of their parent. (alternativa correta)
- Dparent of another element
- Elast child of their parent.
Resposta comentada
Gabarito Alternativa C
O seletor `last-of-type` no jQuery (e CSS) encontra um elemento que é o último de seu tipo específico (como `<p>`, `<h1>`, `<div>`) dentro de seu elemento pai, ignorando outros tipos de elementos irmãos.
(A) Incorreta: Esta alternativa descreveria seletores como `:nth-child(2)` ou `:nth-of-type(2)`, que buscam um elemento pela sua posição a partir do início.
(B) Incorreta: Esta alternativa descreveria seletores como `:only-child` ou `:only-of-type`, que buscam elementos que são o único filho ou o único de seu tipo.
(C) Correta: O seletor `p:last-of-type` seleciona o último elemento `<p>` entre todos os elementos irmãos do tipo `<p>` que estão dentro do mesmo pai.
(D) Incorreta: Esta alternativa descreve uma relação de parentesco estrutural, não o que o seletor `last-of-type` faz, que é baseado na posição e tipo entre irmãos.
(E) Incorreta: Esta é a pegadinha. `last-child` seleciona o último elemento filho qualquer que seja seu tipo. `last-of-type`, por outro lado, seleciona o último elemento do tipo especificado (neste caso, `<p>`), mesmo que haja outros elementos de tipos diferentes depois dele.
Fonte: FCC TRE-PR 2017 Técnico Judiciário - Área Apoio Especializado - Especialidade Programação de Sistemas (Caderno Tipo 1). Reproduzida para fins de estudo.