stylesheet - In CSS, can "#footer #caption" coexist with "#content #caption"? -

मैं सीएसएस id s की तरह "nest" जा रहा था

  #content #caption {color: teal} ... #footer #caption {मार्जिन: 2em 1em}  

क्योंकि एसएएसएस (एक सीएसएस जनरेटर) नेस्टिंग कर सकता है के लिए ... लेकिन फिर एक HTML दस्तावेज़ में, हम दो आईडी s को एक ही नाम के साथ नहीं कर सकते, यह सही नहीं है, इसलिए उपरोक्त घोंसले के शिकार काम नहीं करेगा या अच्छा काम नहीं करेगा। (एएसपी अगर document.getElementById () या $ ('# कैप्शन') या $ ('कैप्शन') तत्व को चुनने के लिए आवश्यक है)।

हम

  #content #content_caption {color: teal} ... #footer #footer_caption {मार्जिन: 2em 1em}  

लेकिन फिर घोंसले के शिकार का एक और स्तर क्यों? क्यों न सिर्फ

  #content_caption {color: teal} ... #footer_caption {मार्जिन: 2em 1em}  

?

शब्द "कैप्शन" से संकेत मिलता है कि यह एक अद्वितीय पहचानकर्ता नहीं है। यदि हां, तो मैं एक वर्ग के रूप में कैप्शन घोषित करूँगा। निम्नलिखित पूरी तरह से कानूनी और मान्य होंगे:

  #content .caption {color: teal} #footer .caption {margin: 2em 1em}