కోర్సు సిఫారసులు:క్లాస్ పరిపాటి

CSS .

ఎంపికకర్తలు .క్లాస్ ప్రత్యేక క్లాస్ కోసం అన్ని రకమైన ఎలమెంట్స్ ఎంపిక చేయడానికి ఒక పంట్రా ( క్లాస్ నిర్వచనం మరియు వినియోగం

CSS.) అక్షరాలు, తరువాత క్లాస్ ప్రత్యేక అంశం కోసం ఎంపిక చేయడానికి అంశం వాల్యూస్ కలిగిన ఎలమెంట్స్ ఎంపిక చేయండి.

ఎలమెంట్.క్లాస్ ప్రత్యేక క్లాస్ కోసం అన్ని రకమైన ఎలమెంట్స్ ఎంపిక చేయడానికి ఒక పంట్రా ( క్లాస్ ఎంపికకర్తలు ప్రత్యేక అంశం కోసం ఎంపిక చేయబడతాయి.

ప్రత్యేక అంశం కోసం ఎంపిక చేయడానికి ప్రత్యేక అంశం వాల్యూస్ కలిగిన ఎలమెంట్స్ అన్ని ఎంపిక చేయండి. క్లాస్ ఒక రకమైన ఎలమెంట్స్ అన్ని ప్రత్యేక అంశం కోసం ఎంపిక చేయడానికి రకం పేరు వ్రాయండి, తరువాత ఒక పంట్రా (.) అక్షరాలు, తరువాత క్లాస్ అటువంటి ఉదాహరణ 2 చూడండి).

అడ్వైజరీ:హ్ట్మ్ఎల్ మెంట్స్ కూడా అనేక వాల్యూస్లోని ఉంచవచ్చు క్లాస్（క్రింది ఉదాహరణ 3 చూడండి）。

ఉదాహరణ

ఉదాహరణ 1

అన్ని class="intro" ఎలమెంట్స్ స్టైల్స్ ఎంపిక మరియు అమర్చండి:

.intro {
  background-color: yellow;
}

మీరే ప్రయత్నించండి

ఉదాహరణ 2

అన్ని class="intro" వాల్యూస్లోని <p> ఎలమెంట్స్ స్టైల్స్ ఎంపిక మరియు అమర్చండి:

p.intro {
  background-color: yellow;
}

మీరే ప్రయత్నించండి

ఉదాహరణ 3

.క్లాస్ ఎంపికకర్తల వివిధ వినియోగం:

/* అన్ని class="center" ఎలమెంట్స్ ఎంపిక */
.center {
  text-align: center;
}
/* అన్ని class="large" ఎలమెంట్స్ ఎంపిక */
p.large {
  font-size: 200%;
}
/* అన్ని class లిస్ట్లో 'fancy' మరియు 'beige' ఉన్న అన్ని <p> ఎలమెంట్స్ ఎంపిక */
p.fancy.beige {
  font-family: 'Courier New', monospace;
  background-color: beige;
  border: 2px solid green;
}
/* class="ex1" వాల్యూస్లోని <p> ఎలమెంట్స్లో అన్ని class="ex2" ఎలమెంట్స్ ఎంపిక */
p.ex1 .ex2 {
  background-color: yellow;
}

మీరే ప్రయత్నించండి

CSS సంకేతాలు

.క్లాస్ {
  సిఎస్ఎస్ డిక్లరేషన్స్;
}

CSS సంకేతాలు

ఎలమెంట్.క్లాస్ {
  సిఎస్ఎస్ డిక్లరేషన్స్;
}

సాంకేతిక వివరాలు

బ్రౌజర్ మద్దతు