ప్రాథమిక CSS: ఎలిమెంట్స్, ID మరియు ఎంచుకోవడం Class

CSSలో, మీరు ఎలిమెంట్‌లను ఎంచుకోవచ్చు, class మరియు id మీ వెబ్ పేజీలో స్టైల్‌లను వర్తింపజేయడానికి మరియు ఎలిమెంట్‌లను అనుకూలీకరించడానికి. వాటిని ఎలా ఉపయోగించాలో ఇక్కడ వివరణాత్మక గైడ్ ఉంది:

ఎలిమెంట్స్ ఎంచుకోవడం

నిర్దిష్ట HTML మూలకం యొక్క అన్ని సందర్భాలను ఎంచుకోవడానికి, ఎలిమెంట్ పేరును సెలెక్టర్‌గా ఉపయోగించండి. ఉదాహరణకు, డాక్యుమెంట్‌లోని p అన్ని ట్యాగ్‌లను ఎంచుకుంటుంది. <p>

ఎంచుకోవడం Class

ఒకే తరగతితో ఎలిమెంట్‌లను ఎంచుకోవడానికి, డాట్ ""ని ఉపయోగించండి. తరగతి పేరు తరువాత. ఉదాహరణకు, .my-class తరగతితో అన్ని ఎలిమెంట్లను ఎంచుకుంటుంది my-class.

బహుళ తరగతులతో మూలకాలను ఎంచుకోవడానికి, చుక్కలను ఉపయోగించండి "." మరియు ఖాళీల ద్వారా వేరు చేయబడిన తరగతి పేర్లను జాబితా చేయండి. ఉదాహరణకు, .class1.class2 రెండు class1 మరియు class2 తరగతులతో కూడిన ఎలిమెంట్లను ఎంచుకుంటుంది.

ఎంచుకోవడం id

దాని ద్వారా నిర్దిష్ట మూలకాన్ని ఎంచుకోవడానికి id, మూలకం యొక్క "#" తర్వాత హాష్‌ని ఉపయోగించండి id. ఉదాహరణకు, #my-id తో మూలకాన్ని ఎంచుకుంటుంది id my-id.

కలపడం Element, Class మరియు ID ఎంపికలు

మీరు ఎలిమెంట్, class, మరియు id ఎంపికలను మిళితం చేసి నిర్దిష్ట ఎలిమెంట్‌లను నిర్దిష్ట తరగతులతో లక్ష్యంగా చేసుకోవచ్చు మరియు ID.

ఉదాహరణకు, తో మూలకాన్ని div.my-class#my-id ఎంచుకుంటుంది  మరియు. <div> class my-class ID my-id

class ఎలిమెంట్స్,, మరియు id CSSలో ఎంచుకోవడానికి ఇక్కడ ఒక నిర్దిష్ట ఉదాహరణ ఉంది:

/* Select all <p> tags */  
p {  
  color: blue;  
}  
  
/* Select elements with the class "my-class" */  
.my-class {  
  background-color: yellow;  
}  
  
/* Select the element with the ID "my-id" */  
#my-id {  
  font-weight: bold;  
}  
  
/* Combine element, class, and ID selections */  
div.my-class#my-id {  
  border: 1px solid black;  
}  

element, , మరియు id ఎంపికలను ఉపయోగించడం ద్వారా class, మీరు మీ వెబ్ పేజీలో నిర్దిష్ట అంశాలు లేదా మూలకాల సమూహాలను సులభంగా ఎంచుకోవచ్చు మరియు స్టైల్ చేయవచ్చు.