[css] सीएसएस चयनकर्ता में कक्षा और आईडी कैसे गठबंधन करें?


Answers

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

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

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

आप यहाँ सीएसएस चालें और पढ़ सकते हैं

Question

अगर मेरे पास निम्नलिखित div है:

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

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

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

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

या

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



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

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

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

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




उपयोग करें: tag.id ; tag#class अपने सीएसएस में टैग चर में tag.id ; tag#class




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

#content.sectionA{some rules}

अन्य लोगों ने सुझाव दिया है कि आपको आईडी के सामने div आवश्यकता नहीं है।

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

यह इस तक उबाल जाता है:

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

सही बात?




Related