क्या: nth-of-type (n) "n" काउंटर एक ही सीएसएस नियम में दूसरों के साथ स्वतंत्र रूप से वृद्धि करते हैं? n वें के- प्रकार() CSS चयनकर्ताओं:

Question

n काउंटर में एक दूसरे से स्वतंत्र बढ़ा देते हैं? उदाहरण के लिए, यदि मैं लेबल चाहता था: चेक किया गया: nth-of-type (3) अपने सामान्य भाई लेख से मेल खाने के लिए: nth-of-type (3), क्या यह तकनीक काम करनी चाहिए? (यह नहीं करता है, लेकिन शायद मैं सिर्फ यह सुनिश्चित होना चाहते हैं।)

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

विचार स्पष्ट रूप से कहते हैं कि करने के लिए नहीं है: n वें के- प्रकार (1),: n वें के- प्रकार (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 */ 
} 

... जो दर्द है। मैं देखता हूं कि आप इसके साथ कहां जा रहे हैं, और ऐसा कुछ करने में सक्षम होना बहुत अच्छा होगा!