कक्षाओं के मिलान के लिए एक विशेषता चयनकर्ता का उपयोग क्यों करें?


85

मुझे उत्तरदायी ईमेल टेम्प्लेट का एक उदाहरण मिला है जहां ऐसे सीएसएस चयनकर्ता हैं जैसे कि निम्नलिखित:

a[class="btn"]

यदि यह पूरी तरह से समान है तो इस सिंटैक्स का उपयोग क्यों किया जाता है:

a.btn

क्या इसका मोबाइल ब्राउज़र या किसी और चीज़ पर कोई प्रभाव पड़ता है?


5
@ जेवगेनी बोगटिरजोव: यह एक बिल्कुल अलग सवाल है जो सीएसएस से संबंधित भी नहीं है, लेकिन मैं देख सकता हूं कि गलत शीर्षक के कारण यह कैसे भ्रमित हो सकता है। मैंने इसे संपादित किया है।
BoltClock

जवाबों:


142

[]वाक्य रचना एक है विशेषता चयनकर्ता

a[class="btn"]

यह किसी भी <a>टैग के साथ चयन करेगा class="btn"। हालांकि, यह वह नहीं चुनेगा <a>जिसके पास class="btn btn_red"उदाहरण के लिए (जबकि a.btn) होगा। यह केवल उस विशेषता से मेल खाता है।

आप 30 सीएसएस चयनकर्ताओं को याद रखना चाहेंगे जिन्हें आप याद रखना चाहते हैं । यह किसी भी अप और आने वाले वेब डेवलपर के लिए अमूल्य है।


लेकिन यह जवाबदेही करने के लिए कुछ भी नहीं है, यह शुद्ध सीएसएस सिंटैक्स है, है ना?
डुकिन

2
@tkoomzaaskz सही।
एरिक

मैं भी एक ही ट्यूटोरियल में आया था ( campaignmonitor.com/guides/mobile/coding ) - यह अजीब लगता है कि वे एक ट्यूटोरियल में इस तकनीक का उपयोग करेंगे। ट्यूटोरियल शुरू करने वाले लोगों के लिए चीजों को यथासंभव स्पष्ट करना चाहिए। खासकर जब आम .btnचयनकर्ता पर्याप्त होगा। क्या मुझे कुछ याद आ रहा है? क्या इससे कोई फायदा है? ग्रेटर विशिष्टता मैं अनुमान लगा रहा हूं?
निकस्पिल

एक ही उपसर्ग के साथ सभी वर्गों में प्राप्त करने के लिए jQuery और कोष्ठक का उपयोग करके सभी वर्ग नामों का चयन करने का एक नया तरीका नहीं है? $ (यह) .css ("[वर्ग ~ = 'btn_']", "लाल") जैसा कुछ; सिंटैक्स गलत हो सकता है, लेकिन क्या आप जानते हैं कि सही सिंटैक्स क्या है?
Whyoz

1
यह बहुत अच्छा होगा यदि आपने अन्य प्रकार के विशेषता चयनकर्ताओं को दिखाने के लिए अपना उत्तर अपडेट किया है। "सीएसएस चयनकर्ता वर्ग कोष्ठक" के लिए खोज इस सवाल को एक खोज में लाता है, और अन्य विविधताओं के लिए खोज करना मुश्किल है ("सीएसएस चयनकर्ता स्क्वायर ब्रैकेट्स स्टार")।
cimmanon
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.