Do: n-ésimo tipo (n) "n" contadores aumentan independientemente con otros en la misma regla de CSS?

Question

¿Los n contadores se incrementan independientemente el uno del otro en: n-ésimo tipo() selectores de CSS? Por ejemplo, si quisiera etiqueta: checked: nth-of-type (3) para que coincida con su artículo hermano general: nth-of-type (3), ¿debería funcionar esta técnica? (No hace, pero tal vez sólo quiere estar seguro.)

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

La idea es no tener que decir explícitamente: nth-de-tipo (1),: nth-de-tipo (2), y así.

Answer 1

Desafortunadamente para usted, el contador n es local al nth-of-type donde está definido, por lo que su técnica no funcionará. Tendría que hacer algo como esto:

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

... que es un dolor. Veo hacia dónde te diriges y sería genial poder usar algo así.