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