सीएसएस :nth-last-of-type() फलस्वरूपी क्लास

परिभाषा और उपयोग

सीएसएस :nth-last-of-type(एन) फलस्वरूपी क्लास इस तरह के एलिमेंट को चुनने के लिए उपयोग किया जाता है कि यह उसके पारंपरिक एलिमेंट के अंतिम एलिमेंट के रूप में हो। एन एन उप-एलिमेंट के एलिमेंट के सभी एलिमेंटों को निर्दिष्ट करता है।

एन यह एक नंबर/सूचकांक, एक वर्णनात्मक शब्द (odd या even) या एक फॉर्मूला (जैसे an + b) हो सकता है।

सूचना:देखें :nth-last-child() फलस्वरूपी क्लास इस तरह के एलिमेंट को चुनने के लिए उपयोग किया जाता है कि यह उसके पारंपरिक एलिमेंट के अंतिम एलिमेंट के रूप में हो। एन उप-एलिमेंट के एलिमेंट, उसके प्रकार की जानकारी किए बिना।

उदाहरण

उदाहरण 1

प्रत्येक पारंपरिक दूसरे <p> एलिमेंट के लिए <p> एलिमेंट को पृष्ठभूमि रंग निर्दिष्ट करते हैं।

साथ ही, प्रत्येक पारंपरिक तीसरे <li> एलिमेंट के लिए <li> एलिमेंट को पृष्ठभूमि रंग निर्दिष्ट करते हैं:

प: nth-last-of-type(2) {
  पृष्ठभूमि: लाल;
}
लि: nth-last-of-type(3) {
पृष्ठभूमि: पीला;
}

अपने आप सिर्फ आयोजित करें

उदाहरण 2

विषम और यथाक्रम एक वर्णनात्मक शब्द है, जो विषम या यथाक्रम सूचकांक वाले उप-एलिमेंटों को मेल खाने के लिए उपयोग किया जा सकता है (पहले उप-एलिमेंट का सूचकांक 1 है)。

यहाँ, हम विषम और यथाक्रम सूचकांक वाले <p> एलिमेंटों के लिए अलग-अलग पृष्ठभूमि रंग निर्दिष्ट करते हैं:

प: nth-last-of-type(odd) {
  पृष्ठभूमि: लाल;
}
प: nth-last-of-type(even) {
  पृष्ठभूमि: नीला;
}

अपने आप सिर्फ आयोजित करें

उदाहरण 3

फॉर्मूला (एन + बी) का उपयोग करके वर्णन: ए इंटीजर चरण, एन 0 से शुरू होने वाले सभी अशुल्क इंटीजर संख्याओं को निर्दिष्ट करता है, बी इंटीजर बढ़ावा है।

यहाँ, हम अंतिम सूचकांक 3 के गुणा होने वाले सभी <p> और <li> एलिमेंटों के लिए पृष्ठभूमि रंग निर्दिष्ट करते हैं:

प: nth-last-of-type(3n) {
  पृष्ठभूमि: लाल;
}
लि:nth-last-of-type(3n) {
  पृष्ठभूमि: पीला;
}

अपने आप सिर्फ आयोजित करें

सीएसएस व्याकरण

:nth-last-of-type(सूचकांक | विषम | यथाक्रम | एएन+बी) {
  सीएसएस निर्वाह;
}

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में दिए गए नंबर इस फलस्वरूपी क्लास का पहला समर्थन करने वाला ब्राउज़र का संस्करण को निर्दिष्ट करते हैं।