सीएसएस :nth-last-child() प्रत्यायक

रोजी और उपयोग

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

एन यह एक नंबर/सूचकांक, एक अशब्द (अनोखा या सम) एn + बी)

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

उदाहरण

उदाहरण 1

इस उदाहरण में, हम प्रत्येक को अपने पालक एलीमेंट के गलती सूचकांक के 2 के गुणा होने वाले एलीमेंट के लिए बैकग्राउण्ड कलर निर्दिष्ट करते हैं:

p:nth-last-child(2) {
  बैकग्राउण्ड-कलर: लाल;
}

अपने आप प्रयोग करें

उदाहरण 2

अनोखा और सम एक अशब्द है, जो अनोखे या सम सूचकांक के लिए उपयोग किया जा सकता है。

यहाँ, हम गलती सूचकांक के अनोखे और सम नंबरों के लिए <p> एलीमेंट के लिए अलग-अलग बैकग्राउण्ड कलर निर्दिष्ट करते हैं:

p:nth-last-child(odd) {
  बैकग्राउण्ड-कलर: लाल;
}
p:nth-last-child(even) {
  बैकग्राउण्ड-कलर: नील;
}

अपने आप प्रयोग करें

उदाहरण 3

सूत्र (एn + बीवर्णन:ए यह एक पूर्णांक दूरी को प्रदर्शित करता है, n शुरू से चलने वाले सभी गैर-नकारात्मक पूर्णांक है,बी यह एक लघुतम दूरी है。

यहाँ, हम गलती सूचकांक के 3 के गुणा होने वाले सभी <p> एलीमेंट के लिए बैकग्राउण्ड कलर निर्दिष्ट करते हैं:

p:nth-last-child(3n+0) {
  बैकग्राउण्ड-कलर: लाल;
}

अपने आप प्रयोग करें

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

:nth-last-child(सूचकांक या odd | even | एएन+बी) {
  सीएसएस घोषणाएँ;
}

तकनीकी विवरण

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

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