Справочник по CSS : Тематический указатель : Селекторы : Псевдоклассы : :nth-last-child
смотрим также
Материал из Справочник Web-языков
Содержание |
Псевдокласс :nth-last-child
Используется для добавления стиля к элементам на основе нумерации в дереве элементов, начиная с последнего.
Синтаксис
element:nth-last-child(an + b) { style properties }
Замечания
Использование псевдокласса :nth-last-child аналогично использованию :nth-child, с той лишь разницей, что при использовании :nth-last-child отсчет нужного дочернего элемента начинается с последнего элемента в списке, а не с первого, как в :nth-child.
Значения a и b являются числовыми. Стили могут применяться также к четным (odd) и нечетным (even) элементам, например, к столбцам таблицы.
Стиль применяется к одному потомку элемента в дереве документа или сразу к нескольким.
Чтобы лучше понять механизм применения данного псевдокласса, посмотрите примеры, расположенные ниже.
Примеры
В примерах показано как применяется псевдокласс :nth-last-child для различных элементов.
1. Стиль применится к последним четырем строкам таблицы
tr:nth-last-child(-n+4)
2. Стиль применится ко всем четным строкам таблицы, отсчет начинается с последней строки.
span:nth-last-child(even)
Стандарты
Этот псевдоэлемент определен в CSS 3 Selectors
Поддерживаемые браузеры
Firefox (Gecko) начиная с версии 3.5 (1.9.1)
Opera начиная с версии 9.5
Safari (WebKit) начиная с версии 1.1 (100)