:nth-of-type

Описание

CSS псевдокласс :nth-of-type(an+b) находит элемент, имеющий an+b-1 потомков с тем же тегом до него в дереве документа, с положительным или нулевым значением для n, и имеющий родительский элемент. Смотрите :nth-child для более детального описания его аргументов. Это более гибкий и полезный псевдоселектор, если вы хотите убедиться, что вы выбираете тот же тег, неважно, где он, в родительском элементе или других различных тегах до него.

Синтаксис

element:nth-of-type(an + b) {стили }

Пример

Этот пример осуществляет выравнивание параграфов то слева, то справа.

CSS

p:nth-of-type(2n+1) { text-align: left; }
p:nth-of-type(2n) { text-align: right; }

HTML

<div>
    <p>Первый параграф (выравнивание слева)</p>
    <p>Второй параграф (выравнивание справа)</p>
    <p>Третий параграф (выравнивание слева)</p>
</div>

Спецификации

Поддержка браузерами

Смотрите также

• :nth-child