Последние учебники веб-разработки
 

jQuery :nth-last-child() Selector

<JQuery селекторы

пример

Выберите каждый <p> элемент , который является третьим ребенком своего родителя, считая от последнего ребенка:

$("p:nth-last-child(3)")
Попробуй сам "

Определение и использование

:nth-last-child( n ) селектор выбирает все элементы , которые являются n th - n th ребенка, независимо от типа, их родителей, считая от последнего ребенка.

Совет: Используйте :nth-last-of-type() селектор , чтобы выбрать все элементы , которые являются n th - n th ребенка, определенного типа, их родителей, считая от последнего ребенка.


Синтаксис

:nth-last-child( n |even|odd| formula )

параметр Описание
n Индекс каждого ребенка, чтобы соответствовать.

Должен быть числом. Первый элемент имеет порядковый номер 1.
even Выбирает каждый even дочерний элемент
odd Выбирает каждый odd дочерний элемент
formula Определяет , какой ребенок element(s) , которые будут выбраны с формулой ( an + b ) . Пример: p:nth-last-child(3n+2) выбирает каждый 3 - й абзац, начиная с последнего 2 - го ребенка

Попробуй сам - пример

Выберите каждый <p> элемент , который является первым дочерним всех <div> элемент, считая от последнего ребенка
Как выбрать <p> элемент , который является первым дочерним всех <div> элементов, считая от последнего ребенка.

Используя формулу (an + b)
Как использовать формулу ( an + b ) , чтобы выбрать различные дочерние элементы, считая от последнего ребенка.

Использование "even" и "odd"
Как использовать четные и нечетные, чтобы выбрать различные дочерние элементы, считая от последнего ребенка.

Разница между :nth-child(), :nth-last-child(), :nth-of-type() - :nth-of-last-type() :nth-child(), :nth-last-child(), :nth-of-type() и :nth-of-last-type()
Разница между p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) - p:nth-of-last-type(2) p:nth-child(2), p:nth-last-child(2), p:nth-of-type(2) и p:nth-of-last-type(2) .


<JQuery селекторы