Разница между селекторами nth-child и nth-last-child в CSS заключается в точке отсчёта. 3

nth-child выбирает элементы по их порядковому номеру в родителе, отсчёт начинается с 1. 1 Например, селектор .li:nth-child(2) выберет элементы li, которые являются вторыми элементами своего родителя. 1

nth-last-child выполняет те же действия, что и nth-child, но отсчёт элементов в родителе ведётся не с начала, а с конца. 1 То есть начальная позиция — последний элемент, а не первый. 5

Таким образом, nth-last-child подходит для выбора элементов, близких к концу списка, а nth-child — для выбора элементов, расположенных в начале. 5