Document.QuerySelector escolhe primeiro ou último
var elFirst = document.querySelector(".myclass"); //first element
var elLast = document.querySelector(".myclass:last-child"); //last element
But be careful!
:last-child and :first-child are relevant to the parent element,
not to the list! It means that there could be several first-childs
and several last-childs
Uvays Bakoyev