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

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

<घंटा/>

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

CSS चाइल्ड कॉम्बिनेटर का सिंटैक्स इस प्रकार है

चयनकर्ता> चयनकर्ता {विशेषता:/*मान*/}

CSS वंशज संयोजक का उपयोग मूल तत्व के सभी वंशजों को चुनने के लिए किया जाता है

CSS वंशज संयोजक का सिंटैक्स इस प्रकार है

चयनकर्ता चयनकर्ता { विशेषता:/*value*/}

उदाहरण

निम्नलिखित उदाहरण सीएसएस बच्चे और वंशज संयोजक को दर्शाते हैं।

<शैली>लेख> * { टेक्स्ट-एलाइन:सेंटर; बॉर्डर:10px ग्रूव टमाटर;}::फर्स्ट-लाइन { बॉक्स-शैडो:इनसेट 0 0 7px कॉर्नफ्लावरब्लू;}

विवामस प्लेसरेट टिनसिडंट हेंड्रेरिट। दर्द ही प्रेम है, मुख्य भंडारण प्रणाली। हर कोई हमेशा जरूरत से बाहर होता है और 80&w=120" जाने का कोई दूसरा रास्ता नहीं है" />

आउटपुट

यह निम्नलिखित परिणाम देगा -

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

उदाहरण

<लेख>

और कोई नहीं

वह दर्द है खुद इसलिए क्योंकि दर्द को प्यार करना होता है,

बढ़ाया, पाने के लिए। article>

आउटपुट

यह निम्नलिखित परिणाम देगा -

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


  1. CSS के साथ फ्लोटिंग एलिमेंट्स

    CSS फ्लोट प्रॉपर्टी का उपयोग किसी बॉक्स या सामग्री की स्थिति या स्वरूपण के लिए किया जाता है। CSS फ्लोट के साथ डेवलपर तत्व को बाएँ या दाएँ स्थान दे सकता है। फ्लोट प्रॉपर्टी में निम्न में से कोई एक मान हो सकता है - बाएं - तत्व अपने कंटेनर के बाईं ओर तैरता है दाएं - तत्व अपने कंटेनर के दाईं ओर तैरता

  1. सीएसएस के साथ उत्तरदायी फ़्लोटिंग तत्व कैसे बनाएं?

    CSS के साथ रेस्पॉन्सिव फ्लोटिंग एलिमेंट बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "S

  1. सीएसएस के साथ सहोदर तत्वों का चयन

    हम आसन्न सिबलिंग चयनकर्ता (+) का उपयोग करते हैं, यदि हम उस तत्व से मेल खाना चाहते हैं जो पहले चयनकर्ता के तुरंत बाद होता है। यहां, दोनों चयनकर्ता एक ही मूल तत्व के बच्चे हैं। CSS आसन्न सिबलिंग कॉम्बिनेटर का सिंटैक्स इस प्रकार है - चयनकर्ता + चयनकर्ता{ विशेषता:/*value*/} यदि हम दूसरे चयनित तत्व की