пример
Выберите каждый <p> элемент , который является третьим <p> элемент своего родителя, считая от последнего ребенка:
$("p:nth-last-of-type(3)") Попробуй сам " Определение и использование
:nth-last-of-type( n ) селектор выбирает все элементы , которые являются п - го ребенка, определенного типа, их родителей, считая от последнего ребенка.
Совет: Используйте :nth-last-child() селектор , чтобы выбрать все элементы , которые являются n th - n th ребенка, независимо от типа, их родителей, считая от последнего ребенка.
Синтаксис
:nth-last-of-type( 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> <р> элемент> всего <div> элемент, считая от последнего ребенка
Как выбрать каждый <p> элемент , который является первым <p> элемент всех <div> элементов, считая от последнего ребенка.
Используя формулу (ап + б)
Как использовать формулу (ап + б) , чтобы выбрать различные <p> элементы, считая от последнего ребенка.
Использование "even" и "odd"
Как использовать четные и нечетные , чтобы выбрать различные <p> элементы, считая от последнего ребенка.
Разница между :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) .