Делают ли счетчики nth-типа (n) «n» независимыми с другими в одном и том же правиле CSS? - PullRequest
6 голосов
/ 06 декабря 2011

Увеличиваются ли n счетчиков независимо друг от друга в CSS-селекторах nth-of-type ()? Например, если я хотел, чтобы label: checked: nth-of-type (3) соответствовал его общей статье: nth-of-type (3), должен ли этот метод работать? (Это не так, но, может быть, я просто хочу быть уверен.)

label:checked:nth-of-type(n) ~ article:nth-of-type(n)

Идея не в том, чтобы явно указывать: nth-of-type (1),: nth-of-type (2) и т. Д.

1 Ответ

1 голос
/ 06 декабря 2011

К сожалению для вас, счетчик n является локальным по отношению к nth-of-type, где он определен, поэтому ваша техника не будет работать.Вы должны сделать что-то вроде этого:

label:checked:nth-of-type(1) ~ article:nth-of-type(1),
label:checked:nth-of-type(2) ~ article:nth-of-type(2),
label:checked:nth-of-type(3) ~ article:nth-of-type(3),
label:checked:nth-of-type(4) ~ article:nth-of-type(4),
label:checked:nth-of-type(5) ~ article:nth-of-type(5), ...
{
    /* definitions */
}

... что является болью.Я вижу, куда вы идете с этим, и было бы здорово иметь возможность использовать что-то подобное!

...