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

प्रत्येक

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

प्रत्येक

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

उदाहरण

आप :nth-child(n) चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

     

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

 

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

 

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

 

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

 

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

 

यह डेमो टेक्स्ट 6 है।
  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 के साथ hr एलिमेंट को स्टाइल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <style>    body{       font-family: 'Segoe UI',