तत्व को स्टाइल करें जो CSS के साथ अपने माता-पिता का अंतिम
तत्व है
प्रत्येक
तत्व को स्टाइल करने के लिए CSS:last-child चयनकर्ता का उपयोग करें जो उसके माता-पिता का अंतिम बच्चा है। आप निम्न कोड को लागू करने का प्रयास कर सकते हैं:अंतिम-चाइल्ड चयनकर्ता
<!DOCTYPE html>
<html>
<head>
<style>
p:last-of-type {
background: orange;
}
</style>
</head>
<body>
<h2>Heading</h2>
<p>This is demo text1.</p>
<p>This is demo text2.</p>
<p>This is demo text3.</p>
</body>
</html> 
प्रत्येक <p>
तत्व को स्टाइल करें जो उसके माता-पिता का बच्चा है, सीएसएस के साथ अंतिम बच्चे से गिना जाता है
CSS :nth-last-child(n) चयनकर्ता का उपयोग प्रत्येक तत्व को स्टाइल करने के लिए करें जो कि उसके माता-पिता का बच्चा है, जो अंतिम बच्चे से गिना जाता है। आप :nth-last-child(n) चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं उदाहरण p:nth-last-child(4) { बैकग्राउंड:नीला; रंग सफेद; }
प्रत्येक <p>
तत्व को स्टाइल करें जो CSS के साथ अपने माता-पिता का एकमात्र बच्चा है
प्रत्येक तत्व को स्टाइल करने के लिए CSS :only-child चयनकर्ता का उपयोग करें जो उसके माता-पिता का एकमात्र बच्चा है। उदाहरण आप :only-child चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style>
सीएसएस के साथ एक घंटा तत्व कैसे शैलीबद्ध करें?
CSS के साथ hr एलिमेंट को स्टाइल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <style> body{ font-family: 'Segoe UI',