दिलचस्प पोस्ट
पृष्ठभूमि कार्यकर्ता को तर्क भेजना? जांचें कि कोई निर्देशिका शेल स्क्रिप्ट में मौजूद है या नहीं MySQL स्प्लिट कॉमा से अलग स्ट्रिंग इन अस्थायी तालिका में रेंगमेंट यूआरएल के साथ जेकग्रीड की इनलाइन-संपादन का उपयोग करना? var आत्म = यह? आर में एक। Csv फ़ाइल को पढ़ने की कोशिश करते समय 'अपूर्ण अंतिम पंक्ति' चेतावनी कैसे सी में स्ट्रिंग को एक int बदलने के लिए Android.os.SystemProperties कहां है? क्रॉस-डोमेन अजाक्स एक सुरक्षा चिंता क्यों है? मैं Python में लॉग फ़ाइल में sys.stdout कैसे डुप्लिकेट करूं? गैर-अल्फ़ान्यूमेरिक वर्ण कैसे निकालें? एक विशिष्ट संपत्ति की संपत्ति जानकारी कैसे प्राप्त करें? वापसी मूल्य त्रुटि को संशोधित नहीं किया जा सकता # अजगर में स्क्रीन को कैसे साफ़ करें एक धागे को शुद्ध रूप से समाप्त करने के बारे में प्रश्न। NET

सीएसएस चयनकर्ता में वर्ग और पहचान कैसे करें?

अगर मेरे पास निम्न डिवीज़ है:

<div class="sectionA" id="content"> Lorem Ipsum... </div> 

क्या कोई शैली परिभाषित करने का कोई तरीका है जो " id='content' साथ एक class='myClass' और class='myClass' " को अभिव्यक्त करता है?

या क्या आप बस एक तरह से या दूसरे के रूप में जाना है

 <div class="content-sectionA"> Lorem Ipsum... </div> 

या

 <div id="content-sectionA"> Lorem Ipsum... </div> 

वेब के समाधान से एकत्रित समाधान "सीएसएस चयनकर्ता में वर्ग और पहचान कैसे करें?"

आपके स्टाइलशीट में:

 div#content.myClass 

संपादित करें: ये भी मदद कर सकते हैं:

 div#content.myClass.aSecondClass.aThirdClass /* Won't work in IE6, but valid */ div.firstClass.secondClass /* ditto */ 

और, आपके उदाहरण के अनुसार:

 div#content.sectionA 

संपादित करें, 4 साल बाद: चूंकि यह अति बूढ़ा है और लोग इसे खोज करते हैं: अपने चयनकर्ताओं में टैगनाम का उपयोग करें #content.myClass div#content.myClass तुलना में तेज़ है क्योंकि टैगनाम एक फिल्टरिंग चरण जोड़ता है जिसे आपको आवश्यकता नहीं है। केवल चयनकर्ताओं में टैगनामों का प्रयोग करें जहां आपको चाहिए!

सीएसएस में #header .callout और #header.callout बीच मतभेद हैं #header.callout

#header .callout का "सादा अंग्रेजी" यहां है:
क्लास नाम callout साथ सभी तत्वों का चयन करें, जो तत्व के वंश हैं, जो कि header आईडी के साथ होता है।

#header.callout का "सादा अंग्रेजी" यहां है:
तत्व का चयन करें जिसमें header वाला आईडी है और callout का एक वर्ग नाम भी है।

आप यहां अधिक सीएसएस चालें पढ़ सकते हैं

अच्छी तरह से आपको आईडी द्वारा निर्दिष्ट तत्व को वर्गीकृत करने की आवश्यकता नहीं होनी चाहिए, क्योंकि आईडी हमेशा अनूठा है, लेकिन अगर आपको वास्तव में इसकी आवश्यकता है, तो निम्न कार्य करना चाहिए:

 div#content.sectionA { /* ... */ } 

एक तत्व पर एक आईडी और एक वर्ग के संयोजन में कुछ भी गलत नहीं है, लेकिन आपको इसे एक नियम के लिए दोनों के द्वारा पहचानने की आवश्यकता नहीं होनी चाहिए अगर आप वास्तव में चाहते हैं कि आप कर सकते हैं:

 #content.sectionA{some rules} 

जैसा कि दूसरों ने सुझाव दिया है, आपको आईडी के सामने div आवश्यकता नहीं है।

सामान्य तौर पर, उस तत्व के लिए विशिष्ट सीएसएस नियम आईडी के साथ निर्धारित किया जाना चाहिए, और वे केवल कक्षा के लोगों के मुकाबले अधिक वजन ले जाने वाले हैं। क्लास द्वारा निर्दिष्ट नियम गुण होगा जो कि कई मदों पर लागू होते हैं जिन्हें आप समायोजित करने के लिए किसी भी समय कई स्थानों में बदलना नहीं चाहते हैं।

वह यह करने के लिए नीचे फोड़े:

  .sectionA{some general rules here} #content{specific rules, and overrides for things in .sectionA} 

सही बात?

आप आईडी और कक्षा को सीएसएस में जोड़ सकते हैं, लेकिन आईडी अद्वितीय हैं, इसलिए सीएसएस चयनकर्ता को एक वर्ग जोड़कर इसे अधिक-योग्य होगा

का प्रयोग करें: tag.id ; tag#class आपके सीएसएस में टैग वेरिएबल्स में tag.id ; tag#class

आईडी को अद्वितीय दस्तावेज़ चौड़ा होना चाहिए, इसलिए आपको दोनों के आधार पर चयन नहीं करना चाहिए। आप class="class1 class2" साथ एक तत्व एकाधिक वर्ग असाइन कर सकते हैं

मुझे लगता है कि आप सभी गलत हैं आईडी बनाम क्लास विशिष्टता का प्रश्न नहीं है; वे पूरी तरह से अलग तार्किक उपयोग करता है

आईडी का उपयोग किसी पृष्ठ के विशिष्ट हिस्सों की पहचान करने के लिए किया जाना चाहिए: शीर्षक, एनएवी बार, मुख्य लेख, लेखक एट्रिब्यूशन, पादलेख

कक्षाओं को शैलियों को पृष्ठ पर लागू करने के लिए उपयोग किया जाना चाहिए मान लें कि आपके पास एक सामान्य पत्रिका साइट है साइट पर हर पृष्ठ के पास एक ही तत्व है- हैडर, एनएवी, मुख्य लेख, साइडबार, पादलेख। लेकिन आपके पत्रिका में अलग-अलग खंड हैं – अर्थशास्त्र, खेल, मनोरंजन आप चाहते हैं कि तीन वर्गों में अलग दिखें- अर्थशास्त्र रूढ़िवादी और स्क्वायर, स्पोर्ट्स एक्शन-वाई, मनोरंजन उज्ज्वल और युवा

आप इसके लिए वर्गों का उपयोग करते हैं आप एकाधिक आईडी बनाना नहीं चाहते हैं – # अर्थशास्त्र-आलेख और # खेल-लेख और # मनोरंजन-लेख यह समझ में नहीं आता है बल्कि, आप तीन श्रेणियों को परिभाषित करेंगे, अर्थशास्त्र, खेल, और .entertainment, फिर #nav, #article और #footer आईडी को प्रत्येक के लिए परिभाषित करें

 .sectionA[id='content'] { color : red; } 

काम नहीं करेगा जब सिद्धांत html 4.01 है, हालांकि …