Категория > Справочник CSS > Псевдокласс - :nth-of-type
Псевдокласс - :nth-of-type23-03-2016, 18:03. Автор: Administrator |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Краткая информация
Версии CSS
ОписаниеПсевдокласс :nth-of-type используется для добавления стиля к элементам указанного типа на основе нумерации в дереве элементов. Синтаксисэлемент:nth-of-type(odd | even | <число> | <выражение>) {...} Значения
Если a равно нулю, то оно не пишется и запись сокращается до b. Если b равно нулю, то оно также не указывается и выражение записывается в форме an. a и b могут быть отрицательными числами, в этом случае знак плюс меняется на минус, например: 5n-1. За счет использования отрицательных значений a и b некоторые результаты могут также получиться отрицательными или равными нулю. Однако на элементы оказывают влияние только положительные значения из-за того, что нумерация элементов начинается с 1. В табл. 1 приведены некоторые возможные выражения и ключевые слова, а также указано, какие номера элементов будут задействованы.
Пример HTML5CSS3IECrOpSaFx
В данном примере нечётные картинки выравниваются по левому краю окна, а чётные картинки по правому (рис. 1).
Рис. 1. Применение псевдокласса :nth-of-type к изображениям Перейти обратно к новости |