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

प्रत्येक

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

<घंटा/>

प्रत्येक

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

उदाहरण

आप :फर्स्ट-चाइल्ड सिलेक्टर -

. को लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं 
<!DOCTYPE html>
<html>
   <head>
      <style>
         p:first-child {
            background-color: orange;
         }
      </style>
   </head>
   <body>
      <h1>Heading</h1>
      <p>This is demo text.</p>
      <div>
         <p>This is demo text, with the first child of its parent div.</p>
         <p>This is demo text, but not the first child.</p>
      </div>
   </body>
</html>

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

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

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

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

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

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