2011-12-06 11 views
6

nth-of-type()CSSセレクタでは、n個のカウンタを互いに独立してインクリメントしますか?例えば、label:checked:nth-​​of-type(3)を、一般的な兄弟記事:nth-​​of-type(3)に一致させたい場合、この手法は有効でしょうか? (それはしませんが、多分私はちょうど確認したい。)Do:nth-​​of-type(n) "n"カウンタは、同じCSSルール内の他のカウンタと独立してインクリメントされますか?

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

アイデアが明示的に言わなければならないことである:、n番目の-の型(1):n番目の-の型(2 )、 等々。

答えて

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

...これは痛みです。私はあなたがどこでそれを使って行くのかを見ています。そのようなものを使うことができるのは素晴らしいことです!

関連する問題