Do：nth-​​of-type（n）“n”计数器在同一CSS规则中与其他计数器独立递增？

Question

n个计数器是否在：nth-​​of-type（）CSS选择器中相互独立递增？例如，如果我想要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），依此类推。

Answer 1

不幸的是，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 */
}

......这是一种痛苦。我知道你要去哪里，能够使用这样的东西真是太好了！