:last-child सिलेक्टर की समझ
:last-child सिलेक्टर का उपयोग पैरेंट के अंतिम चाइल्ड एलिमेंट को चुनने के लिए किया जाता है। इसका उपयोग किसी दिए गए पैरेंट एलिमेंट के तहत किसी विशिष्ट क्लास के साथ अंतिम चाइल्ड एलिमेंट को चुनने के लिए नहीं किया जा सकता।
अंतिम चाइल्ड li एलिमेंट को बैकग्राउंड कलर से स्टाइल करें
li:last-child {
background-color: blue;
}
यदि एलिमेंट सबसे अंतिम एलिमेंट नहीं है तो यह समस्या पैदा करता है।
<a> का उदाहरण
यदि आपका सिलेक्टर a:last-child है, तो यह काम करता है:
<div>
<a></a>
<a>This will be selected</a>
</div>
लेकिन अगर div के बाद कोई अन्य एलिमेंट है, तो यह काम नहीं करेगा।
