CSS चयनकर्ता वर्ग और id में क्या अंतर है? HTML में id और वर्ग का उपयोग

CSS चयनकर्ता वर्ग और id में क्या अंतर है? HTML में id और वर्ग का उपयोग

चेन वेइलियांगवर्तमान में निष्पादितएसईओ, साइट का अनुकूलन करेंWordPressविषय।

हालाँकि मैंने पहले कुछ बुनियादी HTML और CSS ज्ञान सीखा है, लेकिन मैंने इसे कुछ समय के लिए संचालित नहीं किया है, विशेष रूप से CSS भाग के उपयोग को भूलना आसान है।

तो, यहां सीएसएस चयनकर्ता आईडी और वर्ग के अंतर और उपयोग को रिकॉर्ड और सारांशित करें:

• आईडी #div . से मेल खाती है
• वर्ग .div . से मेल खाता है

आईडी और वर्ग के बीच का अंतर

आईडी विवरण

• id एक निश्चित टैग है, जिसका प्रयोग वेब पेज में बड़ी शैली को परिभाषित करने के लिए किया जाता है, जिसे #div के रूप में परिभाषित किया जाता है
• उदाहरण के लिए: कॉलम, टॉप, बॉडी, बॉटम, आदि को विभाजित करना...
• एक विशिष्ट तत्व को परिभाषित करने के लिए उपयोग किया जाता है, जो प्रति पृष्ठ केवल एक बार प्रकट हो सकता है और बार-बार नहीं कहा जा सकता है।

वर्ग विवरण

• क्लास एक स्टाइल ग्रुप है, जिसका उपयोग वेब पेज में विस्तृत शैलियों को परिभाषित करने के लिए किया जाता है। इसे .div के रूप में परिभाषित किया जाता है और इसे दोहराया जा सकता है।
• उदाहरण के लिए: एक विशिष्ट मेनू, पाठ की एक पंक्ति, आदि...
• एक ही पृष्ठ पर, इसे कई तत्वों द्वारा बार-बार कहा जा सकता है

Div चयनकर्ता के पास स्वयं कोई गुण नहीं है। अपने css को परिभाषित करके, यह कुछ लेआउट को नियंत्रित करता है जैसे कि div की चौड़ाई, ऊंचाई, पृष्ठभूमि का रंग और पाठ का आकार।

सामान्यई-कॉमर्सवेबसाइट,एक वेबसाइट बनाएंकार्यक्रम द्वारा उत्पन्न एचटीएमएल वेब पेज सीएसएस के माध्यम से पेज लेआउट को महसूस करना है।

एक चयनकर्ता क्या है?

प्रत्येक CSS शैली की परिभाषा में 2 भाग होते हैं:

选择器 {样式}

• {} से पहले का भाग "चयनकर्ता" है।
• "चयनकर्ता" {} की "शैली" को इंगित करता है जिसके लिए यह कार्य करता है।
• यानी वेब पेज के किस एलिमेंट पर यह "स्टाइल" काम करता है?

कोड उदाहरण

वर्ग = "साइडबार" तत्व का चयन और स्टाइल करने का तरीका यहां दिया गया है:

.sidebar
{ 
background-color:black;
}

आईडी = "पाद लेख" के साथ तत्व का चयन और स्टाइल करने का तरीका यहां दिया गया है:

#footer
{ 
background-color:black;
}