सीएसएस निवडकर्ते चीटशीट आणि तपशील

सीएसएस निवडकर्ते चीटशीट

अलीकडे, मी सीएसएस निवडकर्त्यांकडे डोईव्ह करत आहे.

अपरिचित चिन्हे असलेले बरेच सीएसएस निवडकर्ते आहेत,>. , * + ~ [] इ., म्हणून सीएसएस निवडकर्ते कसे कार्य करतात याबद्दल मी नेहमीच संभ्रमित होतो. अखेरीस, मी त्यांना माझ्या डोक्यात सरळ केले आणि मला कसे समजेल हे पुन्हा डिझाइन केले.

* खरं तर, कागदपत्रे वाचवण्यासाठी आणि पृथ्वी वाचवण्यासाठी मला एकाच ए 4 आकाराच्या पृष्ठावर आयोजित करण्याची त्यांची इच्छा झाली असती, परंतु मला शक्य झाले नाही, कारण मला असे बरेच निवडले जावे लागले आहेत जेणेकरून मला एकापेक्षा जास्त पृष्ठांवर जावे लागले. . हे मुखपृष्ठ पृष्ठे वगळता सर्व चार ए 4 पृष्ठे आहेत.

हे चीटशीट प्रिंट करा आणि त्यास भिंतीवर चिकटवा. फक्त डोकावून बघून त्यांना लक्षात ठेवू नका. मला आशा आहे की हे इन्फोग्राफिक आपल्याला योग्य सीएसएस निवडकर्ते द्रुतगतीने शोधण्यात आणि आपला वेळ वाचविण्यात मदत करते.

सीएसएस निवडकर्ते चीटशीटसीएसएस निवडकर्ता खेळ रायन यू

CSS सीएसएस निवडकर्ते चीटशीट डाउनलोड वर जा आणि गेमचा आनंद घ्या

काळजी नाही. हे सर्व विनामूल्य आहे.

CSS सीएसएस सेलेक्टरमध्ये जा.

आपल्यासाठी गोष्टी सुलभ करण्यासाठी मी एमडीएन व्याख्यांसह इन्फोग्राफिकची यादी देईन.

प्रकार निवडक

सीएसएस प्रकार निवडकर्ता नोड नावाने घटकांशी जुळतो. दुसर्‍या शब्दांत, ते दस्तऐवजात आत दिलेल्या प्रकारच्या सर्व घटकांची निवड करते. - एमडीएन

प्रकार निवडक

आयडी निवडकर्ता

त्याच्या आयडी विशेषताच्या मूल्याच्या आधारे एक घटक निवडतो. कागदजत्रात दिलेल्या आयडीसह फक्त एकच घटक असावा. - एमडीएन

आयडी निवडकर्ता

वंशज निवडकर्ता

बीशी जुळणारे कोणतेही घटक जे अ जुळणार्‍या घटकाचे वंशज आहेत (म्हणजेच मूल, किंवा मुलाचे मूल इ.). संयोजक एक किंवा अधिक जागा किंवा चिन्हांपेक्षा दुहेरी मोठे आहे. - एमडीएन

वंशज निवडकर्ता

खाली उतरणारे आणि आयडी निवडक एकत्र करा

खाली उतरणारे आणि आयडी निवडक एकत्र करा

वर्ग निवडकर्ता

सीएसएस वर्ग निवडकर्ता त्यांच्या श्रेणी विशेषतांच्या सामग्रीवर आधारित घटकांशी जुळतो. - एमडीएन

वर्ग निवडकर्ता

वर्ग निवडकर्ता एकत्र करा

वर्ग निवडकर्ता एकत्र करा

स्वल्पविराम संयोजक

अ आणि / किंवा बी जुळणारे कोणतेही घटक - एमडीएन

स्वल्पविराम संयोजक

युनिव्हर्सल सिलेक्टर

फक्त सर्वकाही निवडा!

युनिव्हर्सल सिलेक्टर

युनिव्हर्सल सिलेक्टर एकत्र करा

युनिव्हर्सल सिलेक्टर एकत्र करा

शेजारी सिबिलिंग सिलेक्टर

शेजारील सिब्बलिंग कॉम्बीनेटर (+) दोन निवडकर्ते विभक्त करते आणि दुसर्‍या घटकाशी त्वरित जुळते जर ते तत्काळ पहिल्या घटकाचे अनुसरण करते आणि ते दोघे एकाच पालक घटकाची मुले असतात. - एमडीएन

शेजारी सिबिलिंग सिलेक्टर

जनरल सिबलिंग सिलेक्टर

सामान्य सिब्बलिंग कॉम्बीनेटर (~) दोन निवडकर्ते विभक्त करतो आणि दुसर्‍या घटकाशी जुळतो जेव्हा ते प्रथम घटकाचे अनुसरण करतो (तत्काळ आवश्यक नसले तरीही) आणि ते दोघे एकाच पालक घटकाची मुले आहेत. - एमडीएन

जनरल सिबलिंग सिलेक्टर

बाल निवडकर्ता

चाईल्ड कॉम्बिनेटर (>) दोन सीएसएस निवडकर्त्यांमध्ये ठेवलेले आहे. हे केवळ दुसर्‍या निवडकर्त्याने जुळणार्‍या त्या घटकांशी जुळते जे प्रथम जुळणार्‍या घटकांची मुले आहेत. - एमडीएन

बाल निवडकर्ता

प्रथम बाल छद्म-निवडकर्ता

दि: प्रथम-मूल सीएसएस स्यूडो-वर्ग भावंडांच्या घटकांच्या गटामध्ये प्रथम घटक दर्शवते. - एमडीएन

प्रथम बाल छद्म-निवडकर्ता

फक्त बाल छद्म-निवडकर्ता

केवळः एकुलता एक मूल सीएसएस स्यूडो-वर्ग कोणत्याही भावंडविना घटक दर्शवितो. हे यासारखेच आहे: पहिले मूल: शेवटचे मूल किंवा: नववे मूल (1): नववे-शेवटचे मूल (1), परंतु कमी विशिष्टतेसह. - एमडीएन

फक्त बाल छद्म-निवडकर्ता

शेवटचे मूल छद्म-निवडकर्ता

द: शेवटचा-मूल सीएसएस छद्म वर्ग-भावंड घटकांच्या गटामध्ये शेवटचा घटक प्रस्तुत करतो. - एमडीएन

शेवटचे मूल छद्म-निवडकर्ता

नववी मुलाची छद्म निवडकर्ता

The: नववी-मुला () सीएसएस छद्म-वर्ग भावंडांच्या गटामध्ये त्यांच्या स्थानाच्या आधारावर घटकांशी जुळतो. - एमडीएन

नववी मुलाची छद्म निवडकर्ता

नववी शेवटची मुले निवड

:: नववी-शेवटची-मुल () सीएसओ छद्म-वर्ग शेवटच्या भागापासून मोजणा .्या भावंडांच्या गटामध्ये त्यांच्या स्थानाच्या आधारे घटकांशी जुळते. - एमडीएन

नववी शेवटची मुले निवड

प्रकार निवडक

द: प्रथम प्रकारचा सीएसओ स्यूडो-क्लास भावंड घटकांच्या गटामध्ये आपल्या प्रकारचा पहिला घटक दर्शवितो. - एमडीएन

प्रकार निवडक

प्रकार निवडीची नववी

दि: नववा प्रकार- (सीएसएस स्यूडो-क्लास) भावंडांच्या गटातील त्यांच्या स्थानाच्या आधारावर दिलेल्या प्रकाराच्या घटकांशी जुळतो. - एमडीएन

प्रकार निवडीची नववी

फॉर्म्युलासह नववे-प्रकार निवडकर्ता

नववा-प्रकार निवडकर्ता
 टीपः
: नवव्या प्रकारात (सम)
: नवव्या प्रकारात (विचित्र)
: प्रकार- (प्रकार)
: नवव्या प्रकारात (2 एन)
: नवव्या प्रकारात (3 एन -1)
: नवव्या प्रकारात (2 एन + 2)

केवळ प्रकार निवडक

केवळः केवळ-प्रकारचा सीएसओ छद्म वर्ग एक अशा घटकाचे प्रतिनिधित्व करतो ज्यामध्ये त्याच प्रकारचे भावंड नसतात. - एमडीएन

केवळ प्रकार निवडक

शेवटचा प्रकार निवडकर्ता

द: प्रकारचा शेवटचा सीएसएस स्यूडो-क्लास भावंड घटकांच्या गटामध्ये आपल्या प्रकारचा शेवटचा घटक दर्शवितो. - एमडीएन

शेवटचा प्रकार निवडकर्ता

रिक्त निवडकर्ता

द: रिक्त सीएसएस स्यूडो-वर्ग कोणताही मूल नसलेले अशा कोणत्याही घटकाचे प्रतिनिधित्व करतो. मुले एकतर घटक नोड्स किंवा मजकूर (श्वेतक्षेत्रासह) असू शकतात. टिप्पण्या, प्रक्रिया सूचना आणि सीएसएस सामग्री घटक रिक्त मानले गेले आहे की नाही हे प्रभावित करत नाही. - एमडीएन

रिक्त निवडकर्ता

नकारात्मक छद्म वर्ग

: नाही () सीएसओ छद्म-वर्ग निवडकांच्या यादीशी जुळत नसलेले घटक दर्शवितो. हे विशिष्ट वस्तू निवडण्यापासून प्रतिबंधित करीत असल्याने, याला नाकारलेले छद्म वर्ग म्हणून ओळखले जाते. - एमडीएन

नकारात्मक छद्म वर्ग

विशेषता निवडकर्ता

विशेषता निवडकर्ता एक विशेष प्रकारचा निवडकर्ता आहे जो त्यांच्या गुणधर्म आणि विशेषता मूल्यांच्या आधारे घटकांशी जुळेल. त्यांच्या जेनेरिक वाक्यरचनामध्ये स्क्वेअर ब्रॅकेट्स ([]) असतात ज्यात विशेषता नावाचे गुणधर्म विरूद्ध जुळण्यासाठी वैकल्पिक स्थिती असते. विशेषता निवडकर्त्यांना ते मूल्य मूल्यांच्या जुळणीच्या पद्धतीनुसार दोन श्रेण्यांमध्ये विभागले जाऊ शकतात: उपस्थिती आणि मूल्य विशेषता निवडकर्ता आणि सबस्ट्रिंग मूल्य विशेषता निवडकर्ता. - एमडीएन

विशेषता निवडकर्ता

विशेषता मूल्य निवडकर्ता

विशेषता मूल्य निवडकर्ता

निवडकर्त्यासह विशेषता प्रारंभ होते

हा निवडकर्ता अॅट्रीब्यूट अट्रीसह सर्व घटकांची निवड करेल ज्यासाठी व्हॅल्यूने मूल्य प्रारंभ होते. - एमडीएन

निवडकर्त्यासह विशेषता प्रारंभ होते

निवडकर्त्यासह विशेषता समाप्त होते

हा निवडकर्ता अॅट्रीब्यूट अट्रीसह सर्व घटकांची निवड करेल ज्यासाठी मूल्य व्हॅल्यूसह समाप्त होईल. - एमडीएन

निवडकर्त्यासह विशेषता समाप्त होते

विशेषता वाइल्डकार्ड निवडकर्ता

हा निवडकर्ता अट्रिब्यूट अट्रीसह सर्व घटकांची निवड करेल ज्यासाठी मूल्यात सबस्ट्रिंग व्हॅल आहे. (सबस्ट्रिंग हा फक्त स्ट्रिंगचा भाग असतो, उदा. "मांजर" "केटरपिलर") मधील एक सबस्ट्रिंग आहे.) - एमडीएन

विशेषता वाइल्डकार्ड निवडकर्ता

Rat अभिनंदन, आपण पूर्ण केले

. लेख

🕹 कोडपेन

Questions कोणतेही प्रश्न किंवा अभिप्राय

मी आपल्यासाठी हे अधिक चांगले कसे करू शकतो याबद्दल आपला अभिप्राय ऐकण्यास मला आवडेल. कृपया आपल्या टिप्पण्या खाली किंवा माझ्या ट्विटरद्वारे द्या.

CSS सीएसएस निवडकर्त्यांना खेळ बनविण्यात मदत केल्याबद्दल रायन यू यांचे मनापासून आभार. रायन यू <फ्रंटएन्ड 30 /> चे लेखक आहेत जिथे मला फ्रंट-एंडची अनेक शस्त्रे शिकली.

Codes आज शुभेच्छा कोडिन