CSS .class चयनकर्ता

वर्णन और इस्तेमाल

CSS .class चयनकर्ता का उपयोग करता है class गुण मूल्य वाले एलिमेंट

किसी विशेष class के सभी प्रकार के एलिमेंट को चुनने के लिए.) अक्षर, तथा class चयनकर्ता का उपयोग करता है

element.class चयनकर्ता का उपयोग करता है class गुण मूल्य वाले निर्दिष्ट एलिमेंट को चुनने के लिए

केवल विशेष class किसी एक तरह के एलिमेंट के लिए एलिमेंट नाम लिखें, फिर एक बिंदु (.) अक्षर, तथा class गुण मूल्य (नीचे के उदाहरण 2 को देखें) का हवाला दे सकते हैं

सुझाव:HTML एलिमेंट एक अधिक से अधिक class（नीचे के उदाहरण 3 को देखें）。

उदाहरण

उदाहरण 1

सभी class="intro" के एलिमेंट को शैली निर्धारित करें

.intro {
  background-color: yellow;
}

आप खुद सिर्फ प्रयोग करें

उदाहरण 2

सभी class="intro" के <p> एलिमेंट को शैली निर्धारित करें

p.intro {
  background-color: yellow;
}

आप खुद सिर्फ प्रयोग करें

उदाहरण 3

.class चयनकर्ता के विभिन्न इस्तेमाल

/* class="center" के सभी एलिमेंट चुनें */
.center {
  text-align: center;
}
/* class="large" के सभी <p> एलिमेंट चुनें */
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 व्याकरण

.class {
  css व्यक्तिविन्यास;
}

CSS व्याकरण

element.class {
  css व्यक्तिविन्यास;
}

तकनीकी विवरण

ब्राउज़र समर्थन