CSS मध्ये विशेषता निवडक काय आहेत? | पूर्ण मार्गदर्शक

आपण आपल्या वेबसाइटवर शैली नियम लागू करण्याचा विचार करत असल्यास, मग निवडकर्ते सूचित संसाधन आहेत. निवडकांचे अनेक प्रकार आहेत, त्यापैकी काही अधिक लोकप्रिय आहेत. यासाठी आज दि CSS मध्ये कोणते विशेषता निवडक आहेत ते आम्ही तुम्हाला दाखवतो, जेणेकरून तुम्ही या साधनांचा जास्तीत जास्त फायदा घेऊ शकता.

CSS वापरून तुम्ही अनेक पर्याय वापरू शकता जे तुमच्या वेबसाइटच्या सादरीकरणात तुम्हाला खूप मदत करतील. विशेषता निवडक ते घटकांची मर्यादा घालण्यासाठी आणि सानुकूलनाचे काम सोपे करतील. जरी या विषयाशी लिंक नसलेल्या लोकांसाठी हा विषय क्लिष्ट असू शकतो, त्याबद्दल जाणून घेतल्याने तुमच्यासाठी अनेक दरवाजे उघडू शकतात.

CSS चा अर्थ काय?

जर तुम्ही वेब डिझाईनच्या जगाशी जोडलेले असाल, तर तुम्ही ही संज्ञा वारंवार ऐकली असेल. कॅस्केडिंग शैली पत्रके (CSS) ही एक प्रोग्रामिंग भाषा आहे जी तुम्हाला HTML दस्तऐवज जलद आणि सहजतेने तयार आणि सुधारित करण्यास अनुमती देते. याचा अर्थ असा आहे की ही एक भाषा आहे ज्याद्वारे तुम्ही डिझाइन व्यवस्थापित करू शकता, बदल करू शकता, सादरीकरण करू शकता, सुधारणा करू शकता आणि वेब पृष्ठे वैयक्तिकृत करू शकता. त्याचे नाव या वस्तुस्थितीवरून आले आहे की ते आपल्याला अनेक शीटवर दुसऱ्याकडून मिळालेल्या गुणधर्मांची गणना करण्यास अनुमती देते. वेब डिझाइनमध्ये याला धबधबा म्हणतात.

CSS मध्ये विशेषता निवडक काय आहेत?

CSS निवडक तुम्ही तुमच्या CSS घटकांना देऊ इच्छित असलेली शैली परिभाषित करण्यासाठी तुम्ही वापरता ती साधने. या भाषेत अनेक प्रकारचे निवडक आहेत, प्रत्येकाची स्वतःची वाक्यरचना आणि उपयुक्तता आहे. योग्य प्रोग्रामिंग नियम वापरणे ब्राउझरला विशिष्ट घटकांवर विशिष्ट गुणधर्म लागू करण्यात मदत करते.

दुसरीकडे, विशेषता निवडक हे आमच्याकडे CSS मध्ये असलेल्या निवडक प्रकारांपैकी एक आहेत. ते खूप उपयुक्त आहेत, जरी काहीवेळा इतर सामान्य निवडक जसे की वर्ग किंवा टॅग निवडक म्हणून सुप्रसिद्ध नसतात. CSS निवडकांचा वापर केला जातो आम्ही कोणत्या फील्डवर शैली लागू करू इच्छितो ते निर्दिष्ट करा.

CSS मध्ये, निवडकर्ते आमच्या वेब पृष्ठाचे HTML घटक मर्यादित करतात ज्यावर आम्ही एक शैली लागू करू इच्छितो. CSS मध्ये अनेक निवडक आहेत जे तुम्हाला घटक निवडण्याची परवानगी देतात शैली लागू करताना. हे तथाकथित विशेषता निवडक हे सुनिश्चित करतात की तुम्ही HTML घटक त्यांच्या विशेषता आणि/किंवा मूल्यांवर आधारित निवडता.

विशेषता निवडकांचे प्रकार कोणते आहेत?

• [विशेषता_नाव] विशेषता_नाव नावाची विशेषता असलेले घटक निवडते, त्याचे मूल्य काहीही असो.
• [विशेषता_नाम=मूल्य] घटक निवडते ज्यांचे गुणधर्म attribute_name नावाच्या मूल्याच्या समान मूल्यावर सेट केले आहे.
• [विशेषता_नाम~=मूल्य] विशेषता_नाम सेट नावाची विशेषता असलेले घटक निवडते आणि विशेषता मूल्यांपैकी किमान एक मूल्य असते.
• [विशेषता_नाम|=मूल्य], attribute_name सेट नावाची विशेषता असलेले घटक निवडते.
• [विशेषता_नाम$=मूल्य] टॅग निवडा ज्यांची विशेषता या मूल्यासह समाप्त होते.
• [विशेषता_नाम^=मूल्य] टॅग निवडते ज्यांची विशेषता या मूल्याने सुरू होते.

अप्परकेस आणि लोअरकेस अक्षरे कशी जोडायची?

जर तुम्हाला विशेषतांची मूल्ये संबंधित करायची असतील केस-संवेदनशील, तुम्ही क्लोजिंग ब्रॅकेटच्या आधी "i" मूल्य वापरू शकता. हा ध्वज ब्राउझरला सर्व ASCII वर्णांशी जुळण्यास सांगतो, ते अप्परकेस किंवा लोअरकेस असले तरीही. या ध्वजशिवाय, दस्तऐवजाच्या केस-संवेदनशील भाषेच्या मार्गदर्शक तत्त्वांनुसार मूल्ये एकत्रित केली जातात. HTML केस संवेदनशील आहे.

विशेषता निवडक ऑपरेटर काय आहेत?

आम्ही वापरू शकतो विशेषता निवडकांसाठी काही ऑपरेटर जे इतके सुप्रसिद्ध नाहीत आणि ते आम्हाला सल्ला दिलेल्या गुणधर्मांमधील विशिष्ट मूल्यांचे स्वरूप लक्षणीयरीत्या परिष्कृत करण्यास अनुमती देतात.

विशेषता निवडकांमध्ये हे ऑपरेटर उपलब्ध आहेत

• *= (यामध्ये): * ऑपरेटर तुम्हाला किमान एकदा विशेषताचे मूल्य म्हणून विशिष्ट स्ट्रिंग असलेले घटक निवडण्याची परवानगी देतो.
• ^= (विशेषता मूल्याच्या सुरुवातीला उद्भवते): असे घटक निवडा ज्यांचे मूल्य विशिष्ट स्ट्रिंगपासून सुरू होते.
• $= (विशेषता मूल्याच्या शेवटी उद्भवते): असे घटक निवडते ज्यांचे मूल्य विशिष्ट स्ट्रिंगसह समाप्त होते.
• ~= (एक अचूक शब्द आहे किंवा रिक्त स्थानांनी विभक्त केलेला आहे): घटक निवडते ज्यांच्या विशेषता मूल्यामध्ये निर्दिष्ट स्ट्रिंगशी अचूक जुळणारी सामग्री आहे किंवा ज्यामध्ये निर्दिष्ट स्ट्रिंगसह स्पेस-विभक्त शब्द आहे.
• |= (त्यात अचूक शब्द आहे किंवा हायफनने विभक्त केलेला आहे): वरील प्रमाणेच, परंतु हा शब्द रिक्त स्थानांऐवजी हायफनने विभक्त केला जाऊ शकतो.

CSS मध्ये निवडक कसे वापरायचे?

CSS मध्ये निवडक वापरण्याचे दोन संभाव्य मार्ग आहेत. तुमच्याकडे समान दस्तऐवजात HTML कोड आणि CSS कोड असल्यास, तुम्हाला फक्त तुमच्या साइटच्या डोक्यात CSS सिलेक्टर जोडण्याची गरज आहे.

दुसरीकडे, तुमचे HTML आणि CSS स्वतंत्र कागदपत्रांमध्ये असल्यास, तुमच्याकडे index.html नावाचा दस्तऐवज असू शकतो आणि style.css नावाचा दुसरा दस्तऐवज. index.html फाइलमध्ये कोडची एक ओळ समाविष्ट असणे आवश्यक आहे जी CSS फाइलला कॉल करते, जेणेकरून शैली तुमच्या वेबसाइटवर योग्यरित्या प्रदर्शित होईल.

CSS मध्ये आम्हाला इतर कोणते निवडक सापडतात?

निवडकर्त्यांचे वेगवेगळे गट आहेत. आपल्याला कोणत्या प्रकारच्या निवडकर्त्याची आवश्यकता आहे याची जाणीव ठेवा आपल्या प्रकल्पासाठी आदर्श साधन वापरण्यास मदत करेल. म्हणूनच आम्ही तुम्हाला खाली काही दाखवतो:

प्रकार, वर्ग आणि अभिज्ञापक निवडक

या गटाचा समावेश आहे HTML घटक प्रतिबंधित करणारे निवडक, फाइल सारखे. यात निवडक देखील आहेत जे वर्ग किंवा अभिज्ञापक प्रतिबंधित करतात.

स्यूडोक्लासेस आणि स्यूडोएलिमेंट्स

निवडकर्त्यांच्या या गटात स्यूडोक्लासेस समाविष्ट आहेत, जे ते घटकाच्या विशिष्ट अवस्थांचे स्वरूपन करतात. उदाहरणार्थ, जेव्हा माउस त्यावर फिरतो तेव्हाच हॉव्हर स्यूडो-क्लास घटक निवडतो. घटकाऐवजी घटकाचा विशिष्ट भाग निवडणारे स्यूडो-घटक देखील समाविष्ट करतात

कॉम्बिनर्स

निवडकर्त्यांच्या या मालिकेद्वारे इतर निवडक एकत्र केले आहेत, आमच्या दस्तऐवजांचे विविध घटक वेगळे करण्याच्या उद्देशाने.

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

स्वयंचलितपणे तारांकन (*) जे सार्वत्रिक निवडक चिन्ह आहे, विशिष्ट दस्तऐवजाचे सर्व घटक निवडते.

आयडी निवडक

आयडी विशेषतावर आधारित घटक निवडण्याच्या उद्देशाने हा प्रकार साध्य झाला.

तुम्ही वेबसाइटवर घडणाऱ्या प्रत्येक गोष्टीवर नियंत्रण ठेवण्याचा विचार करत असल्यास, निश्चितपणे ते मिळवण्याचा सर्वोत्तम मार्ग म्हणजे आपल्या स्वतःच्या डिझाइनद्वारे. त्यांच्यासाठी तुम्ही विशेषता निवडक सारखी साधने वापरू शकता. तर CSS मध्ये कोणते विशेषता निवडक आहेत याचा विचार करत असाल तर, या लेखात आम्ही तुम्हाला उत्तरे दिली असण्याची आशा आहे. आम्ही काहीतरी महत्त्वाचे सोडले आहे असे तुम्हाला वाटत असल्यास, आम्हाला टिप्पण्यांमध्ये कळवा.