• Теория
  • Теория

Псевдокласс :nth-last-of-type

Наверняка, вы и сами уже прекрасно догадались, как будет работать :nth-last-of-type.

Элементы выбираются по их расположению, отсчет ведется от конца, учитывается тег элемента.

Пример записи:

ul:nth-last-of-type(2) { }

Когда набор элементов не очень большой, все эти псевдоклассы :nth-child, :nth-of-type, :nth-last-child, :nth-last-of-type можно легко заменить один другим.

На более сложных структурах зачастую бывает удобнее использовать только определённые из них. Например, когда нужно выделять второй элемент с конца, но количество элементов в списке изменяется.

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Селекторы. Погружение» тренажёра «Погружение в селекторы» можно после регистрации и оформления подписки.