In CSS, selectors are used to target the HTML elements on our web pages that we want to style. There are a wide variety of CSS selectors available, allowing for fine grained precision when selecting elements to style. In the next few articles we'll run through the different types in great detail, seeing how they work.
सीएसएस में, चयनकर्ताओं का प्रयोग हमारे वेब पेजों पर HTML तत्वों को लक्षित करने के लिए किया जाता है, जिन्हें हम शैली करना चाहते हैं। सीएसएस चयनकर्ताओं की एक विस्तृत विविधता उपलब्ध है, जिससे तत्वों को शैली के चयन के दौरान ठीक गढ़ी सटीकता की अनुमति मिलती है। अगले कुछ लेखों में हम विभिन्न प्रकार के विभिन्न प्रकारों के माध्यम से बढ़ेंगे, वे कैसे काम करते हैं यह देखते हुए।
The basics EDIT
In the last article we explained general CSS syntax and terminology in detail. To recap, selectors are one part of a CSS rule and come just before CSS declaration blocks.
मूल बातें EDIT
पिछले लेख में हमने सामान्य सीएसएस वाक्यविन्यास और शब्दावली को विस्तार से समझाया था। संक्षिप्त करने के लिए, चयनकर्ता एक सीएसएस नियम का एक हिस्सा होते हैं और सीएसएस घोषणापत्र ब्लॉक के ठीक पहले आते हैं।
Different types of selector
Selectors can be divided into the following categories:
Simple selectors: Match one or more elements based on element type, class, or id.
Attribute selectors: Match one or more elements based on their attributes/attribute values.
Pseudo-classes: Match one or more elements that exist in a certain state, such as an element that is being hovered over by the mouse pointer, or a checkbox that is currently disabled or checked, or an element that is the first child of its parent in the DOM tree.
Pseudo-elements: Match one or more parts of content that are in a certain position in relation to an element, for example the first word of each paragraph, or generated content appearing just before an element.
Combinators: These are not exactly selectors themselves, but ways of combining two or more selectors in useful ways for very specific selections. So for example, you could select only paragraphs that are direct descendants of divs, or paragraphs that come directly after headings.
Multiple selectors: Again, these are not separate selectors; the idea is that you can put multiple selectors on the same CSS rule, separated by commas, to apply a single set of declarations to all the elements selected by those selectors.
Selectors article overviewEDIT
The next four articles all explore different aspects of selectors — we've broken this information up because there is a lot of it, and we wanted to make it less intimidating and give you some clear points to take breaks mid-learning. The articles are as follows:
विभिन्न प्रकार के चयनकर्ता
चयनकर्ताओं को निम्नलिखित श्रेणियों में विभाजित किया जा सकता है:
सरल चयनकर्ता: तत्व प्रकार, वर्ग या आईडी पर आधारित एक या अधिक तत्वों से मिलान करें
विशेषता चयनकर्ता: उनके गुण / विशेषता मानों के आधार पर एक या अधिक तत्वों से मिलान करें।
छद्म-कक्षाएं: किसी एक राज्य में मौजूद एक या अधिक तत्वों से मेल खाएं, जैसे एक तत्व जिसे माउस पॉइंटर, या एक चेकबॉक्स जो वर्तमान में अक्षम या चेक किया गया है, या उस तत्व का पहला बच्चा है डॉम ट्री में माता-पिता
छद्म तत्व: एक तत्व के संबंध में एक निश्चित स्थिति में सामग्री के एक या अधिक भागों से मेल खाती हैं, उदाहरण के लिए प्रत्येक पैराग्राफ का पहला शब्द, या एक तत्व के ठीक पहले प्रकट हुई सामग्री उत्पन्न होती है।
संयोजक: ये वास्तव में खुद को चयनकर्ता नहीं हैं, लेकिन बहुत विशिष्ट चयनों के लिए उपयोगी तरीके से दो या अधिक चयनकर्ताओं के संयोजन के तरीके हैं। इसलिए उदाहरण के लिए, आप केवल पैराग्राफ का चयन कर सकते हैं जो डायड्स के सीधे वंशज हैं, या शीर्षकों के बाद सीधे आते पैराग्राफ हैं।
एकाधिक चयनकर्ता: फिर से, ये अलग चयनकर्ता नहीं हैं; विचार यह है कि आप एक ही सीएसएस नियम पर कई चयनकर्ताओं को अल्पविराम से अलग कर सकते हैं, उन सभी चयनकर्ताओं द्वारा चयनित सभी तत्वों के लिए घोषणाओं के एक समूह को लागू करने के लिए।
चयनकर्ता लेख ओवरव्यू EDIT
अगले चार लेख सभी चयनकर्ताओं के विभिन्न पहलुओं का पता लगाते हैं - हमने इस जानकारी को तोड़ दिया है क्योंकि इसमें बहुत कुछ है, और हम इसे कम डरा देता है और आपको मध्य-शिक्षा को तोड़ने के लिए कुछ स्पष्ट बिंदु देना चाहते हैं। लेख निम्नानुसार हैं:
You are strongly advised to tackle simple selectors first, in case you miss any pertinent information.
यदि आप किसी भी उचित जानकारी को याद करते हैं, तो आपको सरल चयनकर्ताओं से पहले से निपटने के लिए जोरदार सलाह दी जाती है।
सीएसएस में, चयनकर्ताओं का प्रयोग हमारे वेब पेजों पर HTML तत्वों को लक्षित करने के लिए किया जाता है, जिन्हें हम शैली करना चाहते हैं। सीएसएस चयनकर्ताओं की एक विस्तृत विविधता उपलब्ध है, जिससे तत्वों को शैली के चयन के दौरान ठीक गढ़ी सटीकता की अनुमति मिलती है। अगले कुछ लेखों में हम विभिन्न प्रकार के विभिन्न प्रकारों के माध्यम से बढ़ेंगे, वे कैसे काम करते हैं यह देखते हुए।
The basics EDIT
In the last article we explained general CSS syntax and terminology in detail. To recap, selectors are one part of a CSS rule and come just before CSS declaration blocks.
मूल बातें EDIT
पिछले लेख में हमने सामान्य सीएसएस वाक्यविन्यास और शब्दावली को विस्तार से समझाया था। संक्षिप्त करने के लिए, चयनकर्ता एक सीएसएस नियम का एक हिस्सा होते हैं और सीएसएस घोषणापत्र ब्लॉक के ठीक पहले आते हैं।
Different types of selector
Selectors can be divided into the following categories:
Simple selectors: Match one or more elements based on element type, class, or id.
Attribute selectors: Match one or more elements based on their attributes/attribute values.
Pseudo-classes: Match one or more elements that exist in a certain state, such as an element that is being hovered over by the mouse pointer, or a checkbox that is currently disabled or checked, or an element that is the first child of its parent in the DOM tree.
Pseudo-elements: Match one or more parts of content that are in a certain position in relation to an element, for example the first word of each paragraph, or generated content appearing just before an element.
Combinators: These are not exactly selectors themselves, but ways of combining two or more selectors in useful ways for very specific selections. So for example, you could select only paragraphs that are direct descendants of divs, or paragraphs that come directly after headings.
Multiple selectors: Again, these are not separate selectors; the idea is that you can put multiple selectors on the same CSS rule, separated by commas, to apply a single set of declarations to all the elements selected by those selectors.
Selectors article overviewEDIT
The next four articles all explore different aspects of selectors — we've broken this information up because there is a lot of it, and we wanted to make it less intimidating and give you some clear points to take breaks mid-learning. The articles are as follows:
विभिन्न प्रकार के चयनकर्ता
चयनकर्ताओं को निम्नलिखित श्रेणियों में विभाजित किया जा सकता है:
सरल चयनकर्ता: तत्व प्रकार, वर्ग या आईडी पर आधारित एक या अधिक तत्वों से मिलान करें
विशेषता चयनकर्ता: उनके गुण / विशेषता मानों के आधार पर एक या अधिक तत्वों से मिलान करें।
छद्म-कक्षाएं: किसी एक राज्य में मौजूद एक या अधिक तत्वों से मेल खाएं, जैसे एक तत्व जिसे माउस पॉइंटर, या एक चेकबॉक्स जो वर्तमान में अक्षम या चेक किया गया है, या उस तत्व का पहला बच्चा है डॉम ट्री में माता-पिता
छद्म तत्व: एक तत्व के संबंध में एक निश्चित स्थिति में सामग्री के एक या अधिक भागों से मेल खाती हैं, उदाहरण के लिए प्रत्येक पैराग्राफ का पहला शब्द, या एक तत्व के ठीक पहले प्रकट हुई सामग्री उत्पन्न होती है।
संयोजक: ये वास्तव में खुद को चयनकर्ता नहीं हैं, लेकिन बहुत विशिष्ट चयनों के लिए उपयोगी तरीके से दो या अधिक चयनकर्ताओं के संयोजन के तरीके हैं। इसलिए उदाहरण के लिए, आप केवल पैराग्राफ का चयन कर सकते हैं जो डायड्स के सीधे वंशज हैं, या शीर्षकों के बाद सीधे आते पैराग्राफ हैं।
एकाधिक चयनकर्ता: फिर से, ये अलग चयनकर्ता नहीं हैं; विचार यह है कि आप एक ही सीएसएस नियम पर कई चयनकर्ताओं को अल्पविराम से अलग कर सकते हैं, उन सभी चयनकर्ताओं द्वारा चयनित सभी तत्वों के लिए घोषणाओं के एक समूह को लागू करने के लिए।
चयनकर्ता लेख ओवरव्यू EDIT
अगले चार लेख सभी चयनकर्ताओं के विभिन्न पहलुओं का पता लगाते हैं - हमने इस जानकारी को तोड़ दिया है क्योंकि इसमें बहुत कुछ है, और हम इसे कम डरा देता है और आपको मध्य-शिक्षा को तोड़ने के लिए कुछ स्पष्ट बिंदु देना चाहते हैं। लेख निम्नानुसार हैं:
- Simple selectors
- Attribute selectors
- Pseudo-classes and pseudo-elements
- Combinators and multiple selectors
You are strongly advised to tackle simple selectors first, in case you miss any pertinent information.
- साधारण चयनकर्ता
- विशेषता चयनकर्ता
- छद्म वर्ग और छद्म तत्व
- कॉम्बिनेटर्स और कई चयनकर्ता
यदि आप किसी भी उचित जानकारी को याद करते हैं, तो आपको सरल चयनकर्ताओं से पहले से निपटने के लिए जोरदार सलाह दी जाती है।
No comments:
Post a Comment