Справочник по 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)

Смотрите также

:nth-child

Ссылки на источники

https://developer.mozilla.org/en/CSS/%3anth-child

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования