Czy: liczniki n-tego typu (n) "n" zwiększają przyrosty niezależnie od innych w tej samej regule CSS?

Question

Czy liczniki n są przyrosty niezależnie od siebie w: selektorach CSS nth-of-type? Na przykład, jeśli chciałbym, aby etykieta: checked: nth-of-type (3) pasowała do jej ogólnego artykułu o rodzeństwie: nth-of-type (3), czy ta technika powinna działać? (Nie, ale może po prostu chcesz mieć pewność.)

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

Pomysł nie jest jawnie powiedzieć: nth-of-type (1): nth-of-type (2), i tak dalej.

Answer 1

Niestety dla ciebie licznik n jest lokalny dla nth-of-type, gdzie jest zdefiniowany, więc twoja technika nie będzie działać. Musiałbyś zrobić coś takiego:

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

... co jest uciążliwe. Widzę, dokąd zmierzasz, i byłoby wspaniale móc użyć czegoś takiego!