6

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) などを明示的に言う必要がないということです。

4

1 に答える 1

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 */
}

...これは苦痛です。私はあなたがそれでどこに行くのかわかります、そしてそのようなものを使うことができるのは素晴らしいことです！

于 2011-12-06T09:41:39.040 に答える