Por ejemplo:
<div class="list-container"> <p>hello<p> <p>hello<p> <p>hello<p> <p>hello<p> </div>¿Cómo obtener ese último elemento secundario? Me gustaría señalar que los elementos secundarios se crean dinámicamente y aumentan o disminuyen según el antojo del usuario. Y quiero poder elegir al último niño cada vez que esto suceda. Por eso pregunto. Por favor, compárteme la sintaxis. Gracias.
.list-container > p:last-child servirá
Y por favor, evita el bloatware, como jquery...
console.log(document.querySelector(".list-container > p:last-child")); <div class="list-container"> <p>hello1</p> <p>hello2</p> <p>hello3</p> <p>hello4</p> </div>