class="mydemo" वाले सभी एलिमेंट्स चुनने के लिए निम्न कोड चलाकर देखें। इसे प्राप्त करने के लिए .class CSS सिलेक्टर का उपयोग करें:
<!DOCTYPE html> <html> <head> <style> .demo { border: 2px dashed orange; } </style> </head> <body> <h1 class = "demo">Heading 1</h1> <h1>Heading 1</h1> <h2>Heading 2</h2> </body> </html>
CSS के साथ फ्लोटिंग एलिमेंट्स
CSS float प्रॉपर्टी का उपयोग किसी बॉक्स या कंटेंट को पोजिशन या फॉर्मेट करने के लिए किया जाता है। डेवलपर CSS float का उपयोग करके एलिमेंट को बाएं या दाएं पोजिशन कर सकते हैं।Float प्रॉपर्टी के मानfloat प्रॉपर्टी के निम्नलिखित मान हो सकते हैं:left - एलिमेंट अपने कंटेनर के बाएं फ्लोट करता हैright - एलिमे
CSS के साथ चाइल्ड एलिमेंट्स का चयन करना
परिचय CSS चाइल्ड कॉम्बिनेटर (>) का उपयोग पैरेंट एलिमेंट के **सभी डायरेक्ट चाइल्ड एलिमेंट्स** का चयन करने के लिए किया जाता है। CSS डिसेंडेंट कॉम्बिनेटर (स्पेस) का उपयोग पैरेंट के **सभी डिसेंडेंट्स** (नेस्टेड लेवल पर कोई भी गहराई) का चयन करने के लिए किया जाता है। सिंटैक्स चाइल्ड कॉम्बिनेटर (डायरे
CSS के साथ सिबलिंग एलिमेंट्स का चयन करना
परिचय CSS दो सिबलिंग कॉम्बिनेटर्स प्रदान करता है: एडजेसेंट सिबलिंग (+) और जनरल सिबलिंग (~)। दोनों समान पैरेंट के चाइल्ड एलिमेंट्स का चयन करते हैं लेकिन अलग-अलग दायरे के साथ। सिंटैक्स एडजेसेंट सिबलिंग कॉम्बिनेटर prev + next { property: value; } केवल तभी मेल खाता है जब next prev के **तुरंत बाद** आ