пример
Укажите цвет фона для каждого <p> элемент , который является вторым потомком своего родителя, считая от последнего ребенка:
p:nth-last-child(2)
{
background: #ff0000;
}
Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
:nth-last-child( n ) селектор соответствует каждому элементу , который является n - го ребенка, независимо от типа, своего родителя, считая от последнего ребенка.
n может быть числом, ключевое слово или формула.
Tip: Посмотрите на :nth-last-of-type() селектор , чтобы выбрать элемент , который является n - го ребенка, of a specified type , своего родителя, считая от последнего ребенка.
| Версия: | CSS3 |
|---|
Поддержка браузеров
Числа в таблице определяет первую версию браузера, который полностью поддерживает селектор.
| селектор | |||||
|---|---|---|---|---|---|
| :nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
CSS Синтаксис
Еще примеры
пример
Странно и даже ключевые слова, которые могут быть использованы, чтобы соответствовать дочерние элементы, индекс или нечетным.
Здесь мы указываем два разных цвета фона для нечетных и четных р элементов, считая от последнего ребенка:
p:nth-last-child(odd)
{
background: #ff0000;
}
p:nth-last-child(even)
{
background: #0000ff;
}
Попробуй сам " пример
Используя формулу ( an + b ) . Описание: представляет размер цикла, a n является счетчик (starts at 0) , и b представляют собой значение смещения.
Здесь мы указываем цвет фона для всех р элементов, индекс которых кратно 3, считая от последнего ребенка:
p:nth-last-child(3n+0)
{
background: #ff0000;
}
Попробуй сам "