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