छद्म-वर्ग सिलेक्टरों की सूची
छद्म-वर्ग सिलेक्टरों की सूची
MediaWiki 1.40 में, सीएसएस (Cascading Style Sheets) का उपयोग वेब पेजों की दिखावट और लेआउट को नियंत्रित करने के लिए किया जाता है। सीएसएस सिलेक्टर उन तत्वों को लक्षित करते हैं जिन्हें स्टाइल किया जाना है। छद्म-वर्ग सिलेक्टर विशेष अवस्थाओं में तत्वों को स्टाइल करने की अनुमति देते हैं, जैसे कि जब माउस कर्सर उनके ऊपर हो, या जब वे फोकस में हों। यह लेख MediaWiki 1.40 में उपलब्ध विभिन्न छद्म-वर्ग सिलेक्टरों की एक विस्तृत सूची प्रदान करता है, और प्रत्येक सिलेक्टर के उपयोग के उदाहरण देता है। यह लेख वेब विकास और स्टाइलशीट से जुड़े व्यक्तियों के लिए उपयोगी होगा।
छद्म-वर्ग सिलेक्टरों का परिचय
छद्म-वर्ग सिलेक्टरों का उपयोग उन तत्वों का चयन करने के लिए किया जाता है जो किसी विशेष स्थिति में होते हैं। वे तत्वों की विशेषताओं या अवस्थाओं के आधार पर स्टाइलिंग को लागू करने का एक शक्तिशाली तरीका प्रदान करते हैं। उदाहरण के लिए, आप किसी लिंक के रंग को तब बदल सकते हैं जब उस पर माउस होवर किया जाए, या किसी इनपुट फ़ील्ड को फोकस में होने पर हाइलाइट कर सकते हैं। छद्म-वर्ग सिलेक्टरों का उपयोग करके, आप इंटरैक्टिव और गतिशील वेब पेज बना सकते हैं।
सामान्य छद्म-वर्ग सिलेक्टर
यहाँ कुछ सबसे सामान्य छद्म-वर्ग सिलेक्टरों की सूची दी गई है:
- `:hover`: यह सिलेक्टर तब तत्वों का चयन करता है जब माउस कर्सर उनके ऊपर हो। उदाहरण के लिए, आप एक बटन के बैकग्राउंड रंग को तब बदल सकते हैं जब उस पर माउस होवर किया जाए:
```css button:hover {
background-color: yellow;
} ```
- `:active`: यह सिलेक्टर तब तत्वों का चयन करता है जब उन्हें सक्रिय किया जाता है, जैसे कि जब किसी लिंक पर क्लिक किया जाता है।
```css a:active {
color: red;
} ```
- `:focus`: यह सिलेक्टर तब तत्वों का चयन करता है जब वे फोकस में होते हैं, जैसे कि जब किसी इनपुट फ़ील्ड में कर्सर होता है।
```css input:focus {
border: 2px solid blue;
} ```
- `:visited`: यह सिलेक्टर उन लिंक का चयन करता है जिन पर पहले ही विज़िट किया जा चुका है। इसका उपयोग अक्सर विज़िट किए गए लिंक को अलग दिखाने के लिए किया जाता है।
```css a:visited {
color: purple;
} ```
- `:link`: यह सिलेक्टर उन लिंक का चयन करता है जिन पर अभी तक विज़िट नहीं किया गया है।
```css a:link {
color: blue;
} ```
- `:first-child`: यह सिलेक्टर किसी तत्व के पहले चाइल्ड तत्व का चयन करता है।
```css p:first-child {
font-weight: bold;
} ```
- `:last-child`: यह सिलेक्टर किसी तत्व के अंतिम चाइल्ड तत्व का चयन करता है।
```css li:last-child {
border-bottom: none;
} ```
- `:nth-child(n)`: यह सिलेक्टर किसी तत्व के nवें चाइल्ड तत्व का चयन करता है। `n` एक पूर्णांक या एक सूत्र हो सकता है।
```css tr:nth-child(even) {
background-color: #f2f2f2;
} ```
- `:nth-of-type(n)`: यह सिलेक्टर किसी तत्व के nवें चाइल्ड तत्व का चयन करता है जो एक विशिष्ट प्रकार का है।
```css p:nth-of-type(2) {
font-style: italic;
} ```
- `:not(selector)`: यह सिलेक्टर उन तत्वों का चयन करता है जो निर्दिष्ट सिलेक्टर से मेल नहीं खाते हैं।
```css input:not([type="submit"]) {
margin-bottom: 10px;
} ```
संरचनात्मक छद्म-वर्ग सिलेक्टर
संरचनात्मक छद्म-वर्ग सिलेक्टर तत्वों के दस्तावेज़ ट्री में उनकी स्थिति के आधार पर तत्वों का चयन करते हैं।
- `:first-of-type`: यह सिलेक्टर किसी तत्व के पहले चाइल्ड तत्व का चयन करता है जो एक विशिष्ट प्रकार का है।
- `:last-of-type`: यह सिलेक्टर किसी तत्व के अंतिम चाइल्ड तत्व का चयन करता है जो एक विशिष्ट प्रकार का है।
- `:only-child`: यह सिलेक्टर उन तत्वों का चयन करता है जो अपने माता-पिता तत्व के एकमात्र चाइल्ड हैं।
- `:only-of-type`: यह सिलेक्टर उन तत्वों का चयन करता है जो अपने माता-पिता तत्व के एकमात्र चाइल्ड हैं जो एक विशिष्ट प्रकार के हैं।
- `:empty`: यह सिलेक्टर उन तत्वों का चयन करता है जिनमें कोई चाइल्ड तत्व नहीं है।
विशेषता-आधारित छद्म-वर्ग सिलेक्टर
विशेषता-आधारित छद्म-वर्ग सिलेक्टर तत्वों की विशेषताओं के मानों के आधार पर तत्वों का चयन करते हैं।
- `[attribute]` : यह सिलेक्टर उन तत्वों का चयन करता है जिनमें निर्दिष्ट विशेषता है।
- `[attribute=value]` : यह सिलेक्टर उन तत्वों का चयन करता है जिनमें निर्दिष्ट विशेषता का मान निर्दिष्ट मान के बराबर है।
- `[attribute~=value]` : यह सिलेक्टर उन तत्वों का चयन करता है जिनमें निर्दिष्ट विशेषता का मान निर्दिष्ट मान वाले शब्दों में से एक है।
- `[attribute|=value]` : यह सिलेक्टर उन तत्वों का चयन करता है जिनमें निर्दिष्ट विशेषता का मान निर्दिष्ट मान से शुरू होता है, या निर्दिष्ट मान के बाद एक हाइफ़न (-) होता है।
- `[attribute^=value]` : यह सिलेक्टर उन तत्वों का चयन करता है जिनमें निर्दिष्ट विशेषता का मान निर्दिष्ट मान से शुरू होता है।
- `[attribute$=value]` : यह सिलेक्टर उन तत्वों का चयन करता है जिनमें निर्दिष्ट विशेषता का मान निर्दिष्ट मान से समाप्त होता है।
- `[attribute*=value]` : यह सिलेक्टर उन तत्वों का चयन करता है जिनमें निर्दिष्ट विशेषता का मान निर्दिष्ट मान को कहीं भी शामिल करता है।
UI छद्म-वर्ग सिलेक्टर
ये सिलेक्टर उपयोगकर्ता इंटरफेस तत्वों की अवस्थाओं के आधार पर तत्वों का चयन करते हैं।
- `:enabled`: यह सिलेक्टर उन तत्वों का चयन करता है जो सक्षम हैं।
- `:disabled`: यह सिलेक्टर उन तत्वों का चयन करता है जो अक्षम हैं।
- `:checked`: यह सिलेक्टर उन तत्वों का चयन करता है जो चेक किए गए हैं (जैसे रेडियो बटन या चेकबॉक्स)।
- `:default`: यह सिलेक्टर उन तत्वों का चयन करता है जो डिफ़ॉल्ट रूप से चयनित हैं (जैसे रेडियो बटन में)।
- `:required`: यह सिलेक्टर उन तत्वों का चयन करता है जिनके लिए इनपुट की आवश्यकता होती है।
- `:optional`: यह सिलेक्टर उन तत्वों का चयन करता है जिनके लिए इनपुट वैकल्पिक है।
- `:valid`: यह सिलेक्टर उन तत्वों का चयन करता है जिनमें एक वैध मान है।
- `:invalid`: यह सिलेक्टर उन तत्वों का चयन करता है जिनमें एक अमान्य मान है।
- `:in-range`: यह सिलेक्टर उन तत्वों का चयन करता है जिनका मान निर्दिष्ट श्रेणी के भीतर है।
- `:out-of-range`: यह सिलेक्टर उन तत्वों का चयन करता है जिनका मान निर्दिष्ट श्रेणी के बाहर है।
अन्य छद्म-वर्ग सिलेक्टर
- `:root`: यह सिलेक्टर दस्तावेज़ के रूट तत्व का चयन करता है (आमतौर पर `<html>` तत्व)।
- `:target`: यह सिलेक्टर उन तत्वों का चयन करता है जो वर्तमान URL में एक एंकर के लक्ष्य हैं।
- `:lang(language)`: यह सिलेक्टर उन तत्वों का चयन करता है जिनकी भाषा निर्दिष्ट भाषा के समान है।
छद्म-वर्ग सिलेक्टरों का उपयोग करते समय ध्यान रखने योग्य बातें
- छद्म-वर्ग सिलेक्टरों को अन्य सिलेक्टरों के साथ जोड़ा जा सकता है ताकि अधिक विशिष्ट चयन किया जा सके।
- कुछ छद्म-वर्ग सिलेक्टर केवल विशिष्ट तत्वों पर ही काम करते हैं। उदाहरण के लिए, `:checked` सिलेक्टर केवल रेडियो बटन और चेकबॉक्स पर काम करता है।
- छद्म-वर्ग सिलेक्टरों का उपयोग करते समय प्रदर्शन पर ध्यान दें। अत्यधिक जटिल सिलेक्टरों का उपयोग करने से वेब पेज की गति धीमी हो सकती है।
बाइनरी ऑप्शंस के साथ संबंध (एक सैद्धांतिक संबंध)
हालांकि छद्म-वर्ग सिलेक्टर सीधे तौर पर बाइनरी ऑप्शंस ट्रेडिंग से संबंधित नहीं हैं, लेकिन वेब विकास के संदर्भ में उनका महत्व है जो ट्रेडिंग प्लेटफॉर्म के निर्माण और अनुकूलन में महत्वपूर्ण है। एक सफल ट्रेडिंग प्लेटफॉर्म को उपयोगकर्ता के अनुकूल इंटरफेस की आवश्यकता होती है, और सीएसएस और छद्म-वर्ग सिलेक्टरों का उपयोग इंटरैक्टिव और गतिशील तत्वों को बनाने के लिए किया जा सकता है जो उपयोगकर्ता अनुभव को बेहतर बनाते हैं। उदाहरण के लिए, `:hover` का उपयोग बटन पर होवर प्रभाव बनाने के लिए किया जा सकता है, जो उपयोगकर्ता को संकेत देता है कि बटन क्लिक करने योग्य है। यह एक सूक्ष्म, लेकिन महत्वपूर्ण विवरण है जो उपयोगकर्ता के अनुभव को बेहतर बना सकता है। इसी तरह, `:active` का उपयोग यह दिखाने के लिए किया जा सकता है कि एक बटन क्लिक किया जा रहा है, जो उपयोगकर्ता को प्रतिक्रिया प्रदान करता है।
इसके अतिरिक्त, तकनीकी विश्लेषण के लिए उपयोग किए जाने वाले चार्ट और ग्राफ को स्टाइल करने के लिए सीएसएस का उपयोग किया जा सकता है। उदाहरण के लिए, विभिन्न संकेतक जैसे मूविंग एवरेज, आरएसआई (Relative Strength Index), और मैकडी (Moving Average Convergence Divergence) को अलग-अलग रंगों और शैलियों में प्रदर्शित करने के लिए सीएसएस का उपयोग किया जा सकता है। यह उपयोगकर्ता को चार्ट को आसानी से समझने और ट्रेडिंग निर्णय लेने में मदद कर सकता है।
ट्रेडिंग वॉल्यूम विश्लेषण के लिए उपयोग किए जाने वाले डेटा को स्टाइल करने के लिए भी सीएसएस का उपयोग किया जा सकता है। उदाहरण के लिए, उच्च वॉल्यूम वाले बार को अलग-अलग रंगों में प्रदर्शित करने के लिए सीएसएस का उपयोग किया जा सकता है, जो उपयोगकर्ता को बाजार की गतिविधि के बारे में जानकारी प्रदान करता है।
जोखिम प्रबंधन रणनीतियों को प्रदर्शित करने के लिए इंटरैक्टिव तत्वों को बनाने के लिए भी सीएसएस और छद्म-वर्ग सिलेक्टरों का उपयोग किया जा सकता है। उदाहरण के लिए, उपयोगकर्ता को विभिन्न स्ट्रैडल, स्ट्रैंगल और बटरफ्लाई रणनीतियों के संभावित लाभ और हानि को देखने की अनुमति देने के लिए एक इंटरैक्टिव कैलकुलेटर बनाया जा सकता है।
संक्षेप में, हालांकि छद्म-वर्ग सिलेक्टर सीधे तौर पर बाइनरी ऑप्शंस ट्रेडिंग से संबंधित नहीं हैं, लेकिन वे सफल ट्रेडिंग प्लेटफॉर्म बनाने और उपयोगकर्ता अनुभव को बेहतर बनाने में महत्वपूर्ण भूमिका निभाते हैं।
मनी मैनेजमेंट, ट्रेडिंग मनोविज्ञान, बाजार की भविष्यवाणी, बाइनरी ऑप्शंस ब्रोकर, रेगुलरी बाइनरी ऑप्शंस, उच्च/निम्न, टच/नो टच, रेंज, जोखिम/इनाम अनुपात, प payouts, बाइनरी ऑप्शंस डेमो अकाउंट, बाइनरी ऑप्शंस रणनीति, बाइनरी ऑप्शंस संकेत, बाइनरी ऑप्शंस चार्ट, बाइनरी ऑप्शंस समाचार, बाइनरी ऑप्शंस फोरम, बाइनरी ऑप्शंस ट्यूटोरियल, बाइनरी ऑप्शंस जोखिम
अभी ट्रेडिंग शुरू करें
IQ Option पर रजिस्टर करें (न्यूनतम जमा ₹750) Pocket Option में खाता खोलें (न्यूनतम जमा ₹400)
हमारे समुदाय में शामिल हों
हमारे Telegram चैनल @strategybin को सब्सक्राइब करें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार के ट्रेंड्स की अलर्ट ✓ शुरुआती लोगों के लिए शैक्षिक सामग्री
