CSS సెలెక్టర్ క్లాస్ మరియు id మధ్య తేడా ఏమిటి? HTMLలో id మరియు తరగతి వినియోగం

CSS సెలెక్టర్ క్లాస్ మరియు id మధ్య తేడా ఏమిటి? HTMLలో id మరియు తరగతి వినియోగం

చెన్ వీలియాంగ్ఇటీవల అమలు చేయబడిందిSEO, సైట్‌ని ఆప్టిమైజ్ చేయండిWordPressథీమ్.

నేను ఇంతకు ముందు కొన్ని ప్రాథమిక HTML మరియు CSS పరిజ్ఞానాన్ని నేర్చుకున్నప్పటికీ, నేను కొంతకాలం దానిని ఆపరేట్ చేయలేదు, ముఖ్యంగా CSS భాగం వినియోగం, దానిని మర్చిపోవడం సులభం.

కాబట్టి, ఇక్కడ CSS సెలెక్టర్ ఐడి మరియు క్లాస్ తేడా మరియు వినియోగాన్ని రికార్డ్ చేయండి మరియు సంగ్రహించండి:

• id #divకి అనుగుణంగా ఉంటుంది
• తరగతి .divకి అనుగుణంగా ఉంటుంది

id మరియు తరగతి మధ్య వ్యత్యాసం

id వివరణ

• id అనేది ఒక స్థిర ట్యాగ్, ఇది వెబ్ పేజీలో పెద్ద శైలిని నిర్వచించడానికి ఉపయోగించబడుతుంది, ఇది #div రూపంలో నిర్వచించబడింది
• ఉదాహరణకు: నిలువు వరుసలను విభజించడం, పైభాగం, శరీరం, దిగువ మొదలైనవి...
• ఇది ఒక నిర్దిష్ట మూలకాన్ని నిర్వచించడానికి ఉపయోగించబడుతుంది, ఇది పేజీకి ఒకసారి మాత్రమే కనిపిస్తుంది మరియు పదేపదే పిలవబడదు.

తరగతి వివరణ

• క్లాస్ అనేది స్టైల్ గ్రూప్, ఇది వెబ్ పేజీలోని వివరణాత్మక స్టైల్‌లను నిర్వచించడానికి ఉపయోగించబడుతుంది. ఇది .div రూపంలో నిర్వచించబడింది మరియు పునరావృతం చేయవచ్చు.
• ఉదాహరణకు: నిర్దిష్ట మెను, వచన పంక్తి మొదలైనవి...
• ఒకే పేజీలో, దీనిని బహుళ మూలకాల ద్వారా పదేపదే పిలవవచ్చు

div సెలెక్టర్‌కు ఎటువంటి లక్షణాలు లేవు. దాని cssని నిర్వచించడం ద్వారా, ఇది div యొక్క వెడల్పు, ఎత్తు, నేపథ్య రంగు మరియు వచన పరిమాణం వంటి కొన్ని లేఅవుట్‌లను నియంత్రిస్తుంది.

జనరల్ఇ-కామర్స్వెబ్‌సైట్,స్టేషన్‌ను నిర్మించండిప్రోగ్రామ్ ద్వారా రూపొందించబడిన html వెబ్ పేజీ పేజీ లేఅవుట్‌ను గ్రహించడానికి CSS ద్వారా అమలు చేయబడుతుంది.

సెలెక్టర్ అంటే ఏమిటి?

ప్రతి CSS శైలి యొక్క నిర్వచనం 2 భాగాలను కలిగి ఉంటుంది:

选择器 {样式}

• {} ముందు భాగం "సెలెక్టర్".
• "సెలెక్టర్" అది పని చేసే {} యొక్క "శైలి"ని సూచిస్తుంది.
• అంటే, ఈ "శైలి" వెబ్ పేజీలోని ఏ మూలకంపై పని చేస్తుంది?

కోడ్ ఉదాహరణ

తరగతి="సైడ్‌బార్" మూలకాన్ని ఎలా ఎంచుకోవాలి మరియు స్టైల్ చేయాలి:

.sidebar
{ 
background-color:black;
}

id="footer"తో ఒక మూలకాన్ని ఎలా ఎంచుకోవాలి మరియు స్టైల్ చేయాలి:

#footer
{ 
background-color:black;
}