Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> CSS

प्रत्येक

तत्वों को स्टाइल करें जो CSS के साथ अपने माता-पिता का अंतिम बच्चा है

<घंटा/>

प्रत्येक

तत्वों को स्टाइल करने के लिए जो उसके माता-पिता का अंतिम बच्चा है, CSS :last-child चयनकर्ता का उपयोग करें। आप :last-child चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

उदाहरण

     

यह डेमो टेक्स्ट1 है।

 

यह डेमो टेक्स्ट2 है।

 

यह डेमो टेक्स्ट3 है।

 

 शरीर> 
आउटपुट
 

 प्रत्येक  p 
 तत्वों को स्टाइल करें जो CSS के साथ अपने माता-पिता का अंतिम बच्चा है
  1. प्रत्येक p तत्व को स्टाइल करें जो उसके माता-पिता का बच्चा है, सीएसएस के साथ अंतिम बच्चे से गिना जाता है प्रत्येक <p> तत्व को स्टाइल करें जो उसके माता-पिता का बच्चा है, सीएसएस के साथ अंतिम बच्चे से गिना जाता है

    CSS :nth-last-child(n) चयनकर्ता का उपयोग प्रत्येक तत्व को स्टाइल करने के लिए करें जो कि उसके माता-पिता का बच्चा है, जो अंतिम बच्चे से गिना जाता है। आप :nth-last-child(n) चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण p:nth-last-child(4) { बैकग्राउंड:नीला; रंग सफेद; }

  1. प्रत्येक p तत्व को स्टाइल करें जो CSS के साथ अपने माता-पिता का एकमात्र बच्चा है प्रत्येक <p> तत्व को स्टाइल करें जो CSS के साथ अपने माता-पिता का एकमात्र बच्चा है

    प्रत्येक तत्व को स्टाइल करने के लिए CSS :only-child चयनकर्ता का उपयोग करें जो उसके माता-पिता का एकमात्र बच्चा है। उदाहरण आप :only-child चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html>    <head>       <style>

  1. CSS के साथ चाइल्ड एलिमेंट्स का चयन CSS के साथ चाइल्ड एलिमेंट्स का चयन

    CSS चाइल्ड कॉम्बिनेटर का उपयोग मूल तत्व के सभी चाइल्ड तत्वों को चुनने के लिए किया जाता है। CSS चाइल्ड कॉम्बिनेटर का सिंटैक्स इस प्रकार है चयनकर्ता {विशेषता:/*मान*/} CSS वंशज संयोजक का उपयोग मूल तत्व के सभी वंशजों को चुनने के लिए किया जाता है CSS वंशज संयोजक का सिंटैक्स इस प्रकार है चयनकर्ता चयनक