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

प्रत्येक
    तत्व का चयन करता है जो सीएसएस के साथ

    तत्व से पहले होता है


तत्व का उपयोग करें ~ तत्व चयनकर्ता

    तत्वों का चयन करने के लिए

    तत्व से पहले। आप इसे लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं

    उदाहरण

    <!DOCTYPE html>
    <html>
       <head>
          <style>
             p~ul {
                color: white;
                background-color: blue;
             }
          </style>
       </head>
       <body>
          <h1>Demo Website</h1>
          <h2>Fruits</h2>
          <div>
             <p>Vegetables are good for health.</p>
             <ul>
                <li>Spinach</li>
                <li>Onion</li>
                <li>Capsicum</li>
             </ul>
          </div>
          <p>Fruits are good for health.</p>
          <ul>
             <li>Apple</li>
             <li>Orange</li>
             <li>Kiwi</li>
          </ul>
       </body>
    </html>

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

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

  1. CSS के साथ स्टाइलिंग सूचियाँ

    सूचियों का आदेश दिया जाता है और साथ ही अनियंत्रित भी किया जाता है। सीएसएस के साथ, आप सेट सूची आइटम मार्कर या मार्कर के लिए एक छवि सेट कर सकते हैं। इसके साथ, CSS के साथ, हम सूची-आइटम मार्करों के लिए भी स्थिति निर्धारित कर सकते हैं। आइए अब कुछ उदाहरण देखें - सूची-शैली-प्रकार सूची-शैली-प्रकार का उपयो

  1. CSS के साथ कैलेंडर कैसे बनाएं?

    CSS के साथ कैलेंडर बनाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    * {       box-sizing: b