CSS3: п-го последнего ребенка) селектор (
CSS селекторы полный справочник по эксплуатации
примеров
P указывает, что каждый элемент того же типа матча предпоследнего два родственных братьев и сестер цвет фона:
{
фон: # ff0000;
}
Попробуйте »
Определение и использование
: N-е-последней из-типа (п) селектор, чтобы соответствовать один и тот же тип взаимных п-х двойников братьев и сестер.
пможет быть числом, ключевое слово или формула.
Совет: См : п-го последнего из-типа () селектор.Селектор соответствует родительский элемент в предпоследней п структурных подэлементов.
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
选择器 | |||||
---|---|---|---|---|---|
:nth-last-child() | 4.0 | 9.0 | 3.5 | 3.2 | 9.6 |
Другие примеры
Пример 1
Нечетные и даже может быть использован в качестве ключевого слова, чтобы соответствовать подэлемент используется, его индекс или нечетным.
Здесь мы указываем два разных цвета фона для нечетных и четных взаимных р элементов:
{
background:#ff0000;
}
p:nth-last-child(even)
{
background:#0000ff;
}
Попробуйте »
Пример 2
Используя формулу (ап + б) Описание: Размер представителя цикла, N представляет собой счетчик (начиная с 0), и б это смещение.
Здесь мы все индексы являются кратными три элемента р определяет порядок обратной цвет фона:
{
фон: # ff0000;
}
Попробуйте »