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

सीएसएस यूनिवर्सल चयनकर्ता (*)

dsdsसीएसएस आईडी चयनकर्ता एक अद्वितीय आईडी के साथ एक HTML तत्व को लक्षित करता है।

आईडी चयनकर्ता सिंटैक्स:

#id-name {
    property-name: value;
}

एक विशेषता मान के समान आईडी नाम वाला एक HTML तत्व यहां दिया गया है:

<div id="id-name"></div>

CSS आईडी चयनकर्ता #id-name <div> . से जुड़ा हुआ है id-name . के साथ तत्व गुण। इसका मतलब है कि जो भी स्टाइलिंग गुण आप .id-name . में जोड़ते हैं अपने CSS स्टाइलशीट में <div> . पर लागू हो जाएं ।

हैश प्रतीक (# ) आईडी के नाम से पहले एक विशिष्ट सीएसएस सिंटैक्स है। जब आप किसी HTML तत्व में id नाम को id विशेषता के रूप में जोड़ते हैं तो आप # का उपयोग नहीं करते हैं प्रतीक।

अब हमने जो सीखा है उसका प्रयोग एक व्यावहारिक उदाहरण में करते हैं।

यह रहा एक HTML <button> कुछ डिफ़ॉल्ट स्टाइल के साथ तत्व जो ब्राउज़र के उपयोगकर्ता एजेंट स्टाइलशीट से विरासत में मिला है:

<button>Button</button>

डिफ़ॉल्ट रूप:

उबाऊ हुह?

आइए #my-button . नामक CSS आईडी बनाकर डिफ़ॉल्ट बटन स्टाइल को ओवरराइड करें और इसे कुछ स्टाइलिंग गुण दें:

#my-button {
    font-size: 18px;
    padding: 14px 24px;
    border-radius: 8px;
    border: none;
    background-color: #F7575C;
    color: white;
}

और फिर आईडी को आईडी विशेषता के रूप में बटन तत्व में जोड़ें:

<button id="my-button">Button</button>

परिणाम:

आईडी चयनकर्ता के बारे में जानने के लिए सबसे महत्वपूर्ण बात यह है कि सीएसएस वर्ग चयनकर्ताओं के विपरीत आईडी को केवल एक पृष्ठ पर एक तत्व पर लागू किया जा सकता है। यह आईडी को कक्षाओं की तुलना में उपयोग करने के लिए कम लचीला बनाता है, लेकिन यह भी अधिक अनुमानित है।

अंगूठे का नियम केवल एकल तत्वों के लिए आईडी का उपयोग करना है जो पृष्ठ पर एक बार दिखाई देते हैं, जैसे हेडर, पाद लेख, या नेविगेशन बार।


  1. सीएसएस में यूनिवर्सल चयनकर्ता

    CSS * चयनकर्ता एक सार्वभौमिक चयनकर्ता है जिसका उपयोग HTML DOM के सभी तत्वों को चुनने के लिए किया जाता है। सिंटैक्स CSS यूनिवर्सल सेलेक्टर का सिंटैक्स इस प्रकार है - * { /*घोषणाएं*/} निम्नलिखित उदाहरण सीएसएस सार्वभौमिक चयनकर्ता को दर्शाते हैं - उदाहरण * { मार्जिन:15px; पैडिंग:5px; सीमा:2px ठोस काला

  1. CSS में Element Type Selector

    CSS तत्व प्रकार चयनकर्ता का उपयोग किसी प्रकार के सभी तत्वों का चयन करने के लिए किया जाता है। CSS एलिमेंट टाइप सिलेक्टर का सिंटैक्स इस प्रकार है सिंटैक्स तत्व { /*घोषणाएं*/} उदाहरण निम्नलिखित उदाहरण CSS तत्व प्रकार चयनकर्ता को दर्शाते हैं li { सूची-शैली:कोई नहीं; मार्जिन:5px; सीमा-नीचे-शैली:बिंदीदार

  1. CSS का उपयोग करके तत्व के टेक्स्ट का रंग सेट करना

    CSS कलर प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के टेक्स्ट का रंग बदलने के लिए किया जाता है। हम मान को मानक रंग नाम, rgb(), rgba(), hsl(), hsla() और हेक्साडेसिमल मान के रूप में निर्दिष्ट कर सकते हैं। सिंटैक्स CSS कलर प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector {    color: /*value*/ } निम्नल