Главная » Все материалы сайта » Справочник CSS-3 » Псевдоклассы |
Псевдокласс :nth-of-type
Краткая информация
Версии CSS
ОписаниеПсевдокласс :nth-of-type используется для добавления стиля к элементам указанного типа на основе нумерации в дереве элементов. Синтаксисэлемент:nth-of-type(odd | even | <число> | <выражение>) {...}
Значения
Если a равно нулю, то оно не пишется и запись сокращается до b. Если b равно нулю, то оно также не указывается и выражение записывается в форме an. a и b могут быть отрицательными числами, в этом случае знак плюс меняется на минус, например: 5n-1. За счет использования отрицательных значений a и b некоторые результаты могут также получиться отрицательными или равными нулю. Однако на элементы оказывают влияние только положительные значения из-за того, что нумерация элементов начинается с 1. В табл. 1 приведены некоторые возможные выражения и ключевые слова, а также указано, какие номера элементов будут задействованы.
Пример
В данном примере нечётные картинки выравниваются по левому краю окна, а чётные картинки по правому Применение псевдокласса :nth-of-type к изображениямПример 2
Результат примера 2.Источники: http://htmlbook.ru/ и http://delaisait.ucoz.ru/ | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Поделись ссылкой на эту страницу с друзьями:
| |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Категория: Псевдоклассы | Добавил: evkuriy (08.07.2013) | |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Просмотров: 477 | Рейтинг: 0.0/0 |